Add files via upload

Author: saravanangn

README.md

@@ -1,2 +1,36 @@
-# ej2-angular-5-multiselct-dropdown
-A quick start project that helps you to create an Angular 5 MultiSelect Dropdown with minimal code configuration.
+# Syncfusion Angular 5 MultiSelect Dropdown Quick Start Project
+
+A quick start project that helps you to create the Syncfusion Angular 5 MultiSelect Dropdown with minimal code configuration.
+
+![Angular 5 MultiSelect Dropdown](multiselect-dropdown.png)
+
+## MultiSelect Dropdown features covered in this Project
+
+This is an Angular 5 project created using [Angular CLI](https://github.com/angular/angular-cli) 1.5.6. The MultiSelect Dropdown features included in this project are as follows.
+* Angular 5 MultiSelect Dropdown initialization.
+* Data binding to the MultiSelect Dropdown.
+* Setting the value on initial rendering.
+* Getting the value on button submit action.
+
+## How to run this application?
+To run this application, you need to first clone the `ej2-angular-5-multiselct-dropdown` repository and then navigate to its appropriate path where it has been located in your system.
+
+To do so, open the command prompt and run the below commands one after the other.
+
+```
+git clone https://github.com/SyncfusionSamples/ej2-angular-5-multiselct-dropdown.git
+cd ej2-angular-5-multiselct-dropdown
+```
+
+## Installing
+Once done with downloading, next you need to install the necessary packages required to run this application locally. The `npm install` command will install all the needed angular packages into your current project and to do so, run the below command.
+
+```
+npm install
+```
+## Running on development server
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

e2e/app.e2e-spec.ts

@@ -0,0 +1,14 @@
+import { AppPage } from './app.po';
+
+describe('ej2-angular5-multiselect App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('Welcome to app!');
+  });
+});

e2e/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}

e2e/tsconfig.e2e.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

karma.conf.js

@@ -0,0 +1,33 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular/cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular/cli/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};