update tools and apply azure pipelines integration (#27)

* update tools and apply azure pipelines integration

* utils update

* empty screen on first data init issue fixed

Author: Elena Rodionova

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.0.1
+* Azure Pipelines integration
+* Visual packages update 
+
 ## 2.0.0
 * Webpack migration
 

azure-pipelines.yml

@@ -0,0 +1,33 @@
+# Node.js
+# Build a general Node.js project with npm.
+# Add steps that analyze code, save build artifacts, deploy, and more:
+# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
+
+pool:
+  vmImage: 'Ubuntu 16.04'
+
+steps:
+- task: NodeTool@0
+  inputs:
+    versionSpec: '10.x'
+  displayName: 'Install Node.js'
+
+- script: |
+    npm install
+    npm run lint
+    npm run test
+  displayName: 'npm install, lint and test'
+
+- task: PublishTestResults@2
+  inputs:
+    testResultsFormat: 'JUnit'
+    testResultsFiles: '**/TESTS-*.xml'
+    testRunTitle: 'Custom Visual unit-tests'
+    mergeTestResults: true
+
+#- task: PublishCodeCoverageResults@1
+#  inputs:
+#    codeCoverageTool: 'cobertura' # Options: cobertura, jaCoCo
+#    summaryFileLocation: '**/*-coverage.xml'
+#    reportDirectory: '**/html-report'
+#    failIfCoverageEmpty: true

karma.conf.ts

@@ -28,12 +28,11 @@
 
 const webpackConfig = require("./test.webpack.config.js");
 const tsconfig = require("./test.tsconfig.json");
+const path = require("path");
 
 const testRecursivePath = "test/visualTest.ts";
 const srcOriginalRecursivePath = "src/**/*.ts";
-const srcRecursivePath = ".tmp/drop/**/*.js";
 const coverageFolder = "coverage";
-const globals = "./test/globals.ts";
 
 process.env.CHROME_BIN = require("puppeteer").executablePath();
 
@@ -47,12 +46,13 @@ module.exports = (config: Config) => {
         frameworks: ["jasmine"],
         reporters: [
             "progress",
+            "junit",
             "coverage-istanbul"
         ],
-        coverageIstanbulReporter: {
-            reports: ["html", "lcovonly", "text-summary"],
-            combineBrowserReports: true,
-            fixWebpackSourcePaths: true
+        junitReporter: {
+            outputDir: path.join(__dirname, coverageFolder),
+            outputFile: "TESTS-report.xml",
+            useBrowserName: false
         },
         singleRun: true,
         plugins: [
@@ -62,38 +62,54 @@ module.exports = (config: Config) => {
             "karma-jasmine",
             "karma-sourcemap-loader",
             "karma-chrome-launcher",
+            "karma-junit-reporter",
             "karma-coverage-istanbul-reporter"
         ],
         files: [
             "node_modules/jquery/dist/jquery.min.js",
             "node_modules/jasmine-jquery/lib/jasmine-jquery.js",
-            globals,
-            srcRecursivePath,
             testRecursivePath,
             {
                 pattern: srcOriginalRecursivePath,
                 included: false,
                 served: true
             },
             {
-                pattern: './capabilities.json',
+                pattern: "./capabilities.json",
                 watched: false,
                 served: true,
                 included: false
             }
         ],
         preprocessors: {
-            [testRecursivePath]: ["webpack"],
-            [srcRecursivePath]: ["webpack", "coverage"]
+            [testRecursivePath]: ["webpack", "coverage"]
         },
         typescriptPreprocessor: {
             options: tsconfig.compilerOptions
         },
+        coverageIstanbulReporter: {
+            reports: ["html", "lcovonly", "text-summary", "cobertura"],
+            dir: path.join(__dirname, coverageFolder),
+            'report-config': {
+                html: {
+                    subdir: 'html-report'
+                }
+            },
+            combineBrowserReports: true,
+            fixWebpackSourcePaths: true,
+            verbose: false
+        },
         coverageReporter: {
-            dir: coverageFolder,
+            dir: path.join(__dirname, coverageFolder),
             reporters: [
-                { type: "html" },
-                { type: "lcov" }
+                // reporters not supporting the `file` property
+                { type: 'html', subdir: 'html-report' },
+                { type: 'lcov', subdir: 'lcov' },
+                // reporters supporting the `file` property, use `subdir` to directly
+                // output them in the `dir` directory
+                { type: 'cobertura', subdir: '.', file: 'cobertura-coverage.xml' },
+                { type: 'lcovonly', subdir: '.', file: 'report-lcovonly.txt' },
+                { type: 'text-summary', subdir: '.', file: 'text-summary.txt' },
             ]
         },
         mime: {