ADD travis support, UPDATE build configuration

Author: RecuencoJones

.travis.yml

@@ -0,0 +1,14 @@
+language: node_js
+node_js:
+  - "5"
+  - "6"
+
+before_install:
+  - "npm i -g [email protected]"
+
+install:
+  - npm install
+  - npm run setup
+
+script:
+  - npm test

README.md

@@ -0,0 +1,37 @@
+[![Build Status](https://travis-ci.org/PistachoSoft/NMM-frontend.png?branch=develop)](https://travis-ci.org/PistachoSoft/NMM-frontend)
+
+# NMM-Frontend
+
+React browser application for NMM.
+
+## Building the application
+
+Before anything, run
+
+```
+npm install
+npm run setup
+npm start
+```
+
+Once this is done, you can open [localhost:8080](http://localhost:8080) file to browse
+the application.
+
+The test account is `test:test`.
+
+## Scripts
+
+- `npm run setup`: run this command to install typings.
+- `npm start`: run the default dev task.
+- `npm run build`: build TypeScript sources and UMD distributable.
+- `npm test`: run all tests.
+- `npm run test:unit`: run unit tests only.
+- `npm run test:coverage`: run coverage tests.
+
+## Coverage
+
+The coverage reports can be found under `test/results/coverage`.
+
+## Sonar
+
+You will need to add the plugin [SonarTsPlugin](https://github.com/Pablissimo/SonarTsPlugin).

package.json

@@ -2,6 +2,10 @@
   "name": "nmm-frontend",
   "version": "1.0.0",
   "description": "NMM Frontend",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PistachoSoft/NMM-frontend.git"
+  },
   "license": "UNLICENSED",
   "dependencies": {
     "es6-promise": "3.2.1",
@@ -45,16 +49,27 @@
     "webpack-dev-server": "1.15.1"
   },
   "scripts": {
-    "start": "webpack-dev-server --inline --content-base . --history-api-fallback --host 0.0.0.0",
-    "build:dev": "webpack -w",
-    "build": "webpack",
-    "clean": "rimraf tmp && rimraf dist && rimraf test/results",
-    "test": "npm run clean && npm run test:unit && npm run test:cov",
+    "setup": "typings install",
+    "start": "npm run build:dev",
+    "clean": "npm run clean:tmp && npm run clean:dist && npm run clean:test",
+    "clean:dist": "rimraf dist",
+    "clean:test": "rimraf test/results",
+    "clean:tmp": "rimraf tmp",
+    "clean:tmp:test": "rimraf test/results/tmp",
+    "build": "npm run build:ts && npm run build:umd",
+    "build:dev": "webpack-dev-server --inline --content-base . --history-api-fallback --host 0.0.0.0",
+    "build:min": "webpack -p",
+    "build:umd": "webpack",
+    "build:w": "webpack -w",
+    "build:ts": "tsc -p tsconfig.json",
+    "lint": "npm run lint:app && npm run lint:test",
+    "lint:app": "tslint --project tsconfig.json --type-check -c tslint.json",
+    "lint:test": "tslint -c tslint.json test/**/*.ts",
+    "test": "npm run clean && npm run test:unit && npm run test:coverage",
     "test:unit": "karma start test/config/karma.unit.conf.js",
-    "test:cov": "karma start test/config/karma.cov.conf.js && npm run istanbul:remap",
-    "test:func": "echo 'No functional test yet'",
+    "test:coverage": "karma start test/config/karma.coverage.conf.js && npm run istanbul:remap && npm run clean:tmp:test",
     "istanbul:remap": "npm run istanbul:remap:html && npm run istanbul:remap:lcov",
-    "istanbul:remap:html": "remap-istanbul -i test/results/coverage/karma-coverage/json/coverage.json -o test/results/coverage/istanbul-remap/html -t html -e test",
-    "istanbul:remap:lcov": "remap-istanbul -i test/results/coverage/karma-coverage/json/coverage.json -o test/results/coverage/istanbul-remap/lcov/lcov.info -t lcovonly -e test"
+    "istanbul:remap:html": "remap-istanbul -i test/results/tmp/json/coverage.json -o test/results/coverage/html -t html -e test",
+    "istanbul:remap:lcov": "remap-istanbul -i test/results/tmp/json/coverage.json -o test/results/coverage/lcov/lcov.info -t lcovonly -e test"
   }
 }

sonar-project.properties

@@ -0,0 +1,21 @@
+# Required metadata
+sonar.projectKey=PistachoSoft.NMM-frontend
+sonar.projectName=NMM-frontend
+
+# Comma-separated paths to directories with sources (required)
+sonar.sources=app
+sonar.exclusions=**/test/**/*,**/*.d.ts,app/*.ts,**/I*.ts
+
+# Language
+sonar.language=ts
+
+# TypeScript
+sonar.ts.excludetypedefinitionfiles=true
+sonar.ts.tslintconfigpath=tslint.json
+sonar.ts.tslintpath=./node_modules/.bin/tslint
+
+# Encoding of sources files
+sonar.sourceEncoding=UTF-8
+
+# Coverage
+sonar.ts.lcov.reportpath=test/results/coverage/lcov/lcov.info

test/config/karma.conf.js

@@ -1,7 +1,6 @@
-var webpackConf = require('../../webpack.config.test');
-
-// Karma shared configuration
 module.exports = function(config) {
+  var webpackConfig = require('../../webpack.config.test');
+
   config.set({
     basePath: '../../',
     autoWatch: true,
@@ -12,27 +11,26 @@ module.exports = function(config) {
       'chai-sinon',
       'source-map-support'
     ],
+    files: [
+      'node_modules/lodash/lodash.min.js',
+      'node_modules/sinon/pkg/sinon.js',
+      'node_modules/sinon-chai/lib/sinon-chai.js',
+      'test/config/mocha-globals.js',
+      'test/**/*.spec.ts'
+    ],
+    exclude: [],
     plugins: [
       'karma-*'
     ],
-    reporters: ['spec'],
     preprocessors: {
       'test/specs/unit/**/*.spec.ts': ['webpack']
     },
-    webpack: webpackConf,
-    files: [
-      'node_modules/lodash/lodash.min.js',
-      'node_modules/jquery/dist/jquery.min.js',
-      // 'test/config/mocha-globals.ts',
-      'test/specs/unit/**/*.spec.ts'
-    ],
-    exclude: [],
-    logLevel: config.LOG_ERROR,
+    webpack: webpackConfig,
+    reporter: ['spec'],
     port: 9876,
     colors: true,
-    browsers: [
-      'PhantomJS'
-    ],
+    logLevel: config.LOG_ERROR,
+    browsers: ['PhantomJS'],
     singleRun: true
   });
 };

test/config/karma.cov.conf.js renamed to test/config/karma.coverage.conf.js

@@ -1,23 +1,15 @@
-var baseConfig = require('./karma.conf');
-
-// Karma coverage configuration
 module.exports = function(config) {
-  baseConfig(config);
+  require('./karma.conf')(config);
 
   config.set({
     preprocessors: {
-      'test/**/*.spec.ts': ['webpack', 'coverage']
+      'test/specs/unit/**/*.spec.ts': ['webpack', 'coverage']
     },
-
     reporters: ['dots', 'coverage'],
-
     coverageReporter: {
-      dir: 'test/results/coverage/karma-coverage',
+      dir: 'test/results/tmp',
       reporters: [
         {
-          type: 'html',
-          subdir: 'html'
-        }, {
           type: 'json',
           subdir: 'json',
           file: 'coverage.json'

test/config/karma.unit.conf.js

@@ -1,12 +1,8 @@
-var baseConfig = require('../config/karma.conf');
-
-// Karma configuration
 module.exports = function(config) {
-  baseConfig(config);
+  require('./karma.conf')(config);
 
   config.set({
-    reporters: ['spec'],
-
+    reports: ['dots', 'junit'],
     junitReporter: {
       outputFile: 'test/results/unit/test-results.xml'
     }

tsconfig.json

@@ -10,6 +10,8 @@
   },
   "exclude": [
     "node_modules",
-    "dist"
+    "dist",
+    "app/main.tsx",
+    "test"
   ]
 }