Add Karma testing and ESLint validation

Author: matz3

README.md

@@ -24,15 +24,18 @@
     ```
 
 ## Testing
-* Start a local server and run the unit tests (http://localhost:8080/test/unit/unitTests.qunit.html)
+* Run ESLint code validation
     ```sh
-    ui5 serve -o /test/unit/unitTests.qunit.html
+    npm run lint
     ```
-* Start a local server and run the OPA5 tests (http://localhost:8080/test/integration/opaTests.qunit.html)
+* Start a local server and execute the tests automatically after every change
     ```sh
-    ui5 serve -o /test/integration/opaTests.qunit.html
+    npm run watch
+    ```
+* Run ESLint, start a local server and run the tests in CI mode
+    ```sh
+    npm test
     ```
-
 ## Building
 ### Option 1: Standard preload build
 1. Execute the build

karma-ci.conf.js

@@ -0,0 +1,55 @@
+// Karma configuration
+// Generated on Wed Jun 13 2018 14:38:44 GMT+0200 (CEST)
+
+module.exports = function(config) {
+	require("./karma.conf")(config);
+	config.set({
+
+		// preprocess matching files before serving them to the browser
+		// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+		preprocessors: {
+			'{webapp,webapp/!(test)}/*.js': ['coverage']
+		},
+
+		coverageReporter: {
+			includeAllSources: true,
+			reporters: [
+				{
+					type: 'html',
+					dir: '../coverage/'
+				},
+				{
+					type: 'text'
+				}
+			],
+			check: {
+				each: {
+					statements: 100,
+					branches: 100,
+					functions: 100,
+					lines: 100
+				}
+			}
+		},
+
+		client: {
+			qunit: {
+				showUI: false
+			}
+		},
+
+		// test results reporter to use
+		// possible values: 'dots', 'progress'
+		// available reporters: https://npmjs.org/browse/keyword/karma-reporter
+		reporters: ['progress', 'coverage'],
+
+		// start these browsers
+		// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+		browsers: ['PhantomJS'],
+
+		// Continuous Integration mode
+		// if true, Karma captures browsers, runs the tests and exits
+		singleRun: true,
+
+	});
+};

karma.conf.js

@@ -0,0 +1,70 @@
+// Karma configuration
+// Generated on Wed Jun 13 2018 14:38:44 GMT+0200 (CEST)
+
+module.exports = function(config) {
+	config.set({
+
+		// base path that will be used to resolve all patterns (eg. files, exclude)
+		basePath: 'webapp',
+
+		// frameworks to use
+		// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+		frameworks: ['qunit', 'openui5'],
+
+		openui5: {
+			path: 'http://localhost:8080/resources/sap-ui-core.js'
+		},
+
+		client: {
+			openui5: {
+				config: {
+					theme: 'sap_belize',
+					language: 'EN',
+					bindingSyntax: 'complex',
+					compatVersion: 'edge',
+					preload: 'async',
+					resourceroots: {'sap.ui.demo.todo': './base'}
+				},
+				tests: [
+					'sap/ui/demo/todo/test/unit/allTests',
+					'sap/ui/demo/todo/test/integration/AllJourneys'
+				]
+			},
+			clearContext: false,
+			qunit: {
+				showUI: true
+			}
+		},
+
+		// list of files / patterns to load in the browser
+		files: [
+			{ pattern: '**', included: false, served: true, watched: true }
+		],
+
+		// test results reporter to use
+		// possible values: 'dots', 'progress'
+		// available reporters: https://npmjs.org/browse/keyword/karma-reporter
+		reporters: ['progress'],
+
+		// level of logging
+		// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+		logLevel: config.LOG_INFO,
+
+		// level of browser logging
+		browserConsoleLogOptions: {
+			level: 'warn'
+		},
+
+		// enable / disable watching file and executing tests whenever any file changes
+		autoWatch: true,
+
+		// start these browsers
+		// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+		browsers: ['Chrome'],
+
+		// Continuous Integration mode
+		// if true, Karma captures browsers, runs the tests and exits
+		singleRun: false,
+
+	});
+};

package.json

@@ -4,14 +4,30 @@
   "description": "Sample of an OpenUI5 app",
   "private": true,
   "scripts": {
-    "start": "ui5 serve --open index.html",
-    "opa5": "ui5 serve --open test/integration/opaTests.qunit.html",
-    "qunit": "ui5 serve --open test/unit/unitTests.qunit.html"
+    "start": "ui5 serve",
+    "lint": "eslint webapp",
+    "karma": "karma start",
+    "karma-ci": "karma start karma-ci.conf.js",
+    "watch": "start-server-and-test start http://localhost:8080 karma",
+    "test": "npm run lint && rimraf coverage && start-server-and-test start http://localhost:8080 karma-ci",
+    "build": "rimraf dist && ui5 build --a"
   },
   "dependencies": {
     "@openui5/sap.m": "^1.52.5",
     "@openui5/sap.ui.core": "^1.52.5",
     "@openui5/themelib_sap_belize": "^1.52.5"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@ui5/cli": "0.0.1",
+    "eslint": "^4.19.1",
+    "karma": "^2.0.2",
+    "karma-chrome-launcher": "^2.2.0",
+    "karma-coverage": "^1.1.2",
+    "karma-openui5": "^0.2.3",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-qunit": "^1.2.1",
+    "qunitjs": "^2.4.1",
+    "rimraf": "^2.6.2",
+    "start-server-and-test": "^1.4.1"
+  }
 }