detect-browser | JavaScript library to detect browser properties

export const environment = {
  production: true
};

export * from './services/services';

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { environment } from 'environments/environment';
import { AppModule } from './app/app.module';

// tslint:disable:no-console

if (environment.production) {
  console.warn('this is a prod build');
  enableProdMode();
}

if (!environment.production) {
  console.warn('this is a dev build');
}

platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch(err => console.error(err));

o.X.production && (console.warn('this is a prod build'), Object(i.R) ()),
o.X.production || console.warn('this is a dev build'),
s.d().bootstrapModule(fi).catch (e=>console.error(e))

"my-prod-config": {
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
  "extractCss": true,
  "namedChunks": false,
  "aot": true,
  "extractLicenses": true,
  "vendorChunk": false,
  "buildOptimizer": true,
  "stylePreprocessorOptions": {
    "includePaths": [
      "src/styles"
    ]
  },
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.prod.ts"
    }
  ],
  "baseHref": "./"
}

{
  "compileOnSave": false,
  "compilerOptions": {
    "downlevelIteration": true,
    "importHelpers": true,
    "module": "es2020",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "baseUrl": "src/",
    "experimentalDecorators": true,
    "allowJs": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ],
    "paths": {
      "path1": [
        "app/modules/stripped-from-stack-overflow-example1"
      ],
      "path2": [
        "app/modules/stripped-from-stack-overflow-example2"
      ]
    }
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictTemplates": true,
    "strictInjectionParameters": true
  }
}

{
  "name": "my-app",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "section stripped": "section stripped"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "10.0.8",
    "@angular/common": "10.0.8",
    "@angular/compiler": "10.0.8",
    "@angular/core": "10.0.8",
    "@angular/forms": "10.0.8",
    "@angular/platform-browser": "10.0.8",
    "@angular/platform-browser-dynamic": "10.0.8",
    "@angular/router": "10.0.8",
    "@ng-idle/core": "9.0.0-beta.1",
    "@ng-idle/keepalive": "9.0.0-beta.1",
    "@ngneat/until-destroy": "8.0.1",
    "angular-svg-icon": "10.0.0",
    "brace": "0.11.1",
    "caniuse-lite": "1.0.30001111",
    "chart.js": "2.9.3",
    "core-js": "3.6.5",
    "css-vars-ponyfill": "2.3.2",
    "detect-browser": "5.1.1",
    "element-closest-polyfill": "1.0.2",
    "file-saver": "2.0.2",
    "fomantic-ui": "2.8.6",
    "jsonexport": "3.0.1",
    "moment": "2.24.0",
    "ngx-drag-drop": "2.0.0",
    "rxjs": "6.6.2",
    "tslib": "^2.0.0",
    "typeface-roboto": "0.0.75",
    "uuid": "8.3.0",
    "zone.js": "0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "0.1000.5",
    "@angular/cli": "10.0.5",
    "@angular/compiler-cli": "10.0.8",
    "@angular/language-service": "10.0.8",
    "@types/chart.js": "2.7.54",
    "@types/file-saver": "2.0.1",
    "@types/uuid": "8.0.1",
    "codelyzer": "^6.0.0",
    "rimraf": "3.0.2",
    "rxjs-tslint-rules": "4.34.0",
    "ts-node": "8.10.2",
    "tslint": "6.1.3",
    "tslint-angular": "3.0.2",
    "typescript": "3.9.7",
    "webpack-bundle-analyzer": "3.8.0"
  }
}

Error: Component 'HeaderComponent' is not resolved:
 - templateUrl: ./header.component.html
 - styleUrls: ["./header.component.scss"]
Did you run and wait for 'resolveComponentResources()'?
    at Function.get (D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26828:31)
    at getComponentDef (D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:2021:20)
    at verifyDeclarationsHaveDefinitions (D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26519:23)
    at Array.forEach ()
    at verifySemanticsOfNgModuleDef (D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26494:22)
    at D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26491:13
    at Array.forEach ()
    at verifySemanticsOfNgModuleDef (D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26489:64)
    at D:\projects\my-app\node_modules\@angular\core\bundles\core.umd.js:26491:13
    at Array.forEach ()

"scripts": {
    "ng": "ng",
    "start": "npm-run-all -p client server",
    "client": "ng serve --proxy-config server.conf.json",
    "server": "nodemon --watch server.ts --exec ts-node server.ts",
    "build": "ng build",
    "test": "ng test --source-map=false",
    "tests-coverage": "ng test --source-map=false --code-coverage",
    "lint": "ng lint ng-universal-demo",
    "build:client-and-server-bundles": "ng build --prod && ng run ng-universal-demo:server:production",
    "build:prerender": "npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:prerender",
    "build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server",
    "generate:prerender": "cd dist && node prerender",
    "webpack:server": "webpack --config webpack.server.config.js --progress --colors",
    "serve:prerender": "cd dist/browser && http-server",
    "serve:ssr": "node dist/server",
    "ssr": "npm run build:ssr && npm run serve:ssr",
    "e2e": "start-server-and-test ssr http://localhost:4100 wdio",
    "allure": "allure generate --clean",
  },
  "pre-commit": [],
  "private": true,
  "dependencies": {
    "@angular-builders/custom-webpack": "8.4.1",
    "@angular/animations": "9.1.0",
    "@angular/cdk": "9.2.0",
    "@angular/common": "9.1.0",
    "@angular/compiler": "9.1.0",
    "@angular/core": "9.1.0",
    "@angular/forms": "9.1.0",
    "@angular/http": "7.2.15",
    "@angular/material": "9.2.0",
    "@angular/material-moment-adapter": "9.2.0",
    "@angular/platform-browser": "9.1.0",
    "@angular/platform-browser-dynamic": "9.1.0",
    "@angular/platform-server": "9.1.0",
    "@angular/router": "9.0.7",
    "@fullcalendar/core": "^4.4.0",
    "@gfx/zopfli": "1.0.14",
    "@nguniversal/express-engine": "9.1.0",
    "@ngx-translate/core": "11.0.1",
    "@types/es6-promise": "3.3.0",
    "@wdio/dot-reporter": "^5.18.6",
    "accept-language-parser": "^1.5.0",
    "arraybuffer-concat": "0.0.1",
    "aws-sdk": "2.518.0",
    "axios": "0.19.0",
    "basic-auth-connect": "1.0.0",
    "body-parser": "1.19.0",
    "chart.js": "^2.8.0",
    "classlist.js": "1.1.20150312",
    "compression-webpack-plugin": "3.0.1",
    "core-js": "3.2.1",
    "detect-browser": "^4.6.0",
    "dot-object": "^1.9.0",
    "ecstatic": "4.1.2",
    "express-enforces-ssl": "1.1.0",
    "express-http-proxy": "^1.5.1",
    "express-static-gzip": "2.0.3",
    "file-saver": "2.0.2",
    "hammerjs": "2.0.8",
    "helmet": "3.21.2",
    "html2canvas": "1.0.0-rc.3",
    "iframe-resizer": "^4.1.1",
    "jsonwebtoken": "8.5.1",
    "jwks-rsa": "1.6.0",
    "lodash": "4.17.15",
    "moment": "2.24.0",
    "ng4-click-outside": "1.0.1",
    "ngx-device-detector": "^1.3.20",
    "ngx-img-cropper": "9.0.1",
    "ngx-infinite-scroll": "8.0.0",
    "ngx-perfect-scrollbar": "8.0.0",
    "ngx-web-worker": "8.0.0",
    "node-fetch": "2.6.0",
    "normalize.css": "8.0.1",
    "npm-run-all": "^4.1.5",
    "pdfmake": "0.1.58",
    "primeicons": "2.0.0",
    "primeng": "9.0.5",
    "quill": "^1.3.6",
    "rxjs": "^6.5.4",
    "spdy": "4.0.1",
    "text-encoding": "^0.7.0",
    "tslib": "^1.10.0",
    "unorm": "^1.6.0",
    "uuid": "3.3.3",
    "web-animations-js": "2.3.2",
    "webpack-cli": "3.3.11",
    "webpack-node-externals": "^1.7.2",
    "whatwg-fetch": "3.0.0",
    "xhr2": "^0.2.0",
    "zone.js": "0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.900.7",
    "@angular/cli": "9.1.0",
    "@angular/compiler-cli": "9.1.0",
    "@angular/language-service": "9.1.0",
    "@babel/cli": "^7.8.0",
    "@babel/core": "^7.8.0",
    "@babel/preset-env": "^7.8.2",
    "@babel/register": "^7.8.0",
    "@biesbjerg/ngx-translate-extract": "3.0.4",
    "@types/iframe-resizer": "3.5.7",
    "@types/jasmine": "3.5.0",
    "@types/lodash": "4.14.144",
    "@types/node": "12.11.1",
    "@wdio/allure-reporter": "^5.18.6",
    "@wdio/cli": "^5.18.4",
    "@wdio/firefox-profile-service": "^5.16.11",
    "@wdio/local-runner": "^5.18.6",
    "@wdio/mocha-framework": "^5.18.6",
    "@wdio/selenium-standalone-service": "^5.16.10",
    "@wdio/spec-reporter": "^5.18.6",
    "@wdio/sync": "^5.18.6",
    "agent": "0.2.1",
    "allure-commandline": "^2.13.0",
    "chromedriver": "^79.0.3",
    "codelyzer": "5.1.0",
    "cors-anywhere": "0.4.1",
    "cpy-cli": "2.0.0",
    "express": "4.17.1",
    "form-data": "2.5.0",
    "googledrive-i18n": "^1.2.4",
    "http-server": "0.11.1",
    "jasmine-core": "3.4.0",
    "jasmine-spec-reporter": "4.2.1",
    "karma": "4.3.0",
    "karma-chrome-launcher": "3.1.0",
    "karma-cli": "2.0.0",
    "karma-coverage-istanbul-reporter": "2.1.0",
    "karma-jasmine": "2.0.1",
    "karma-jasmine-html-reporter": "1.4.2",
    "karma-parallel": "^0.3.1",
    "karma-phantomjs-launcher": "1.0.4",
    "karma-remap-istanbul": "0.6.0",
    "nodemon": "^2.0.2",
    "pre-commit": "1.2.2",
    "prettier": "1.18.2",
    "protractor": "5.4.2",
    "puppeteer": "1.19.0",
    "reflect-metadata": "0.1.13",
    "request": "2.88.0",
    "start-server-and-test": "^1.10.8",
    "superagent": "5.1.0",
    "terser": "4.2.1",
    "ts-loader": "6.0.4",
    "ts-node": "8.3.0",
    "tslint": "5.19.0",
    "tslint-microsoft-contrib": "^6.2.0",
    "typescript": "3.7.5",
    "wdio-chromedriver-service": "^5.0.2",
    "ws": "^7.2.3",
    "xmlhttprequest": "^1.8.0"
  },

import 'reflect-metadata';
import { enableProdMode } from '@angular/core';
import AWS = require('aws-sdk');
import * as express from 'express';
import EES = require('express-enforces-ssl');
import ESG = require('express-static-gzip');
import fs = require('fs');
import helmet = require('helmet');
import https = require('https');
import fetch from 'node-fetch/lib/index.js';
import { join } from 'path';
import spdy = require('spdy');
import 'zone.js/dist/zone-node';

import { AppServerModule, ngExpressEngine } from './src/main.server';
import { environment } from './src/environments/environment';

const token = {
  dev:
    'blala1',
  prod:
    'blala2',
};
const patient_info_token = {
  dev: 'blala1',
  prod: 'blala2',
};

const PATIENT_INFO_SERVER = {
  dev: 'blala2',
  prod: 'blala2',
};

const bodyParser = require('body-parser');

// Browser detection
const { detect } = require('detect-browser');

// Accept-language-parser
const parser = require('accept-language-parser');

global['navigator'] = { onLine: true };

// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();

// Express server
const server = express();
const proxy = require('express-http-proxy');

const SNS_TOPIC = `blala2`;

const AUTH_TYPE = environment.AUTH_TYPE;

// const request = require('request');
const PORT = process.env.PORT || 4100;
const HTTPS_PORT = process.env.HTTPS_PORT || 4200;
const DIST_FOLDER = join(process.cwd(), 'dist');
const PROJECT_FOLDER = join(process.cwd(), 'src');

const basicAuth = require('basic-auth-connect');

let privateKey;
let certificate;

try {
  privateKey = fs.readFileSync('/blala2.pem').toString();
  certificate = fs.readFileSync('/blala2.pem').toString();

  server.enable('trust proxy');

  server.use(helmet());
  server.use(EES());
} catch (e) {}

// const agent = require('superagent');

// Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
server.engine(
  'html',
  ngExpressEngine({
    bootstrap: AppServerModule,
  }),
);

const session = {};


server.set('view engine', 'html');

server.set('views', join(DIST_FOLDER, 'browser'));


const credentials = blala2;
// const credentials = blala2;
AWS.config.credentials = credentials;

AWS.config.update({ region: process.env.AWS_REGION || 'eu-central-1' });

const SNS = new AWS.SNS();


server.post('/api/token', (req, res) => {
  ///
});

server.post('/api/token/refresh', bodyParser.json(), (req, res) => {
 //
});

const auth = AUTH_TYPE === 'none' ? [] : [AUTH_TYPE === 'basic' ? basicAuthInited : formHandler];

// Server static files from /browser
server.get(
  '*.*',

  auth.concat([
    checkUnsupportedBrowser,
    ESG(join(DIST_FOLDER, 'browser'), undefined),
    express.static(join(DIST_FOLDER, 'browser'), {
      maxAge: '1y',
    }),
  ]),
);

const unless = function(path) {
  return function(req, res, next) {
    const browser = detect(req.headers['user-agent']);

    console.log('unless==>', req.headers['user-agent']);
    if (path === req.path) {
      return next();
    } else if (browser && browser.name) {
      switch (browser.name) {
        case 'edge':
        case 'edge-chromium':
        case 'chromium-webview':
        case 'chrome':
        case 'firefox':
        case 'safari':
        case 'ios':
        case 'ios-webview':
        case 'fxios':
        case 'crios':
          // tslint:disable
          const render = () => {
            res.render('index', { req });
          };

          return AUTH_TYPE === 'none'
            ? render()
            : AUTH_TYPE === 'basic'
            ? basicAuthInited(req, res, render)
            : formHandler(req, res, render);
          console.log(JSON.stringify(browser, undefined, 2));
          console.log('default case');
          next();
          break;
        default:
          callUnsupportedBrowserHTML(req, res);
          console.log(JSON.stringify(browser, undefined, 2));
          console.log('ie case');
      }
    } else {
      // tslint:disable
      const render = () => {
        res.render('index', { req });
      };

      return AUTH_TYPE === 'none'
        ? render()
        : AUTH_TYPE === 'basic'
        ? basicAuthInited(req, res, render)
        : formHandler(req, res, render);
    }
  };
};

// All regular routes use the Universal engine

server.use(unless('/favicon.ico'));

// Start up the Node server
if (privateKey && certificate) {
  server.listen(PORT, () => {
    console.log(`Node Express server listening on http://localhost:${PORT}`);
  });

  // Start up the Node server
  spdy.createServer({ key: privateKey, cert: certificate }, server).listen(HTTPS_PORT, () => {
    console.log(`Node Express secure server listening on http://localhost:${HTTPS_PORT}`);
  });
} else {
  // Start up when keys is not defined
  server.listen(PORT, () => {
    console.log(`Node Express server listening on http://localhost:${PORT}`);
  });
}

  

  
   
       1 - Lorem Khaled Ipsum is a major key to success. They will try to close the door on you, just open it. Watch your back, but more importantly when you get out the shower, dry your back, it’s a cold world out there. 
   


  
       2 - The key to more success is to get a massage once a week, very important, major key, cloth talk. Eliptical talk. 
  


  

  

  
   
       1 - Lorem Khaled Ipsum is a major key to success.
       They will try to close the door on you, just open it.
       Watch your back, but more importantly when you get out the
       shower, dry your back, it’s a cold world out there. 
       2 - The key to more success is to get a massage once
       a week, very important, major key, cloth talk.
       Eliptical talk. 
   


  
       1 - Lorem Khaled Ipsum is a major key to success.
       They will try to close the door on you, just open it.
       Watch your back, but more importantly when you get out the
       shower, dry your back, it’s a cold world out there. 
       2 - The key to more success is to get a massage once
       a week, very important, major key, cloth talk.
       Eliptical talk.
  


  

$(".emails .multi-items").each(function (i) {
var $cont = $('.emails .multi-items .message-contain #content')
var text_arr = $cont.text().split(' ');
for (i = 0; i < text_arr.length; i++) {
  text_arr[i] = '' + text_arr[i] + ' ';
}

$cont.html(text_arr.join(''));
$wordSpans = $cont.find('span');

var lineArray = [],
  lineIndex = 0,
  lineStart = true,
  lineEnd = false

  $wordSpans.each(function(idx) {
      var pos = $(this).position();
      var top = pos.top;

      if (lineStart) {
          lineArray[lineIndex] = [idx];
          lineStart = false;

      } else {
          var $next = $(this).next();

          if ($next.length) {
              if ($next.position().top > top) {
                  lineArray[lineIndex].push(idx);
                  lineIndex++;
                  lineStart = true
              }
          } else {
              lineArray[lineIndex].push(idx);
          }
      }

  });


 //console.log( lineArray)
 for (i = 0; i < lineArray.length; i++) {
  var start = lineArray[i][0],
      end = lineArray[i][1] + 1;

  /* no end value pushed to array if only one word last line*/
  if (!end) {
      $wordSpans.eq(start).wrap('')
  } else {
      $wordSpans.slice(start, end).wrapAll('');
  }

 };
});

$(".emails .multi-items .content").each(function() {
  var $cont = $(this);

  var text_arr = $cont.text().split(' ');

  for (i = 0; i < text_arr.length; i++) {
    text_arr[i] = '' + text_arr[i] + ' ';
  }

  $cont.html(text_arr.join(''));

  $wordSpans = $cont.find('span');

  var lineArray = [],
    lineIndex = 0,
    lineStart = true,
    lineEnd = false

  $wordSpans.each(function(idx) {
    var pos = $(this).position();
    var top = pos.top;

    if (lineStart) {
      lineArray[lineIndex] = [idx];
      lineStart = false;

    } else {
      var $next = $(this).next();

      if ($next.length) {
        if ($next.position().top > top) {
          lineArray[lineIndex].push(idx);
          lineIndex++;
          lineStart = true
        }
      } else {
        lineArray[lineIndex].push(idx);
      }
    }

  });


  //console.log( lineArray)
  for (i = 0; i < lineArray.length; i++) {
    var start = lineArray[i][0],
      end = lineArray[i][1] + 1;

    /* no end value pushed to array if only one word last line*/
    if (!end) {
      $wordSpans.eq(start).wrap('')
    } else {
      $wordSpans.slice(start, end).wrapAll('');
    }

  };
});

  


                             I’m up to something. Learning is cool, but knowing is better, and I know the key to success. Bless up. They never said winning was easy. Some people can’t handle success, I can.
I told you all this before, when you have a swimming pool, do not use chlorine, use salt water, the healing, salt water is the healing. Put it this way, it took me twenty five years to get these plants, twenty five years of blood sweat and tears, and I’m never giving up, I’m just getting started.


  

$(".emails .multi-items").each(function (i) {
  var $cont = $('#content')

  var text_arr = $cont.text().split(' ');
  
  for (i = 0; i < text_arr.length; i++) {
      text_arr[i] = '' + text_arr[i] + ' ';
  }
  
  $cont.html(text_arr.join(''));
  
  $wordSpans = $cont.find('span');
  
  var lineArray = [],
      lineIndex = 0,
      lineStart = true,
      lineEnd = false
  
      $wordSpans.each(function(idx) {
          var pos = $(this).position();
          var top = pos.top;
  
          if (lineStart) {
              lineArray[lineIndex] = [idx];
              lineStart = false;
  
          } else {
              var $next = $(this).next();
  
              if ($next.length) {
                  if ($next.position().top > top) {
                      lineArray[lineIndex].push(idx);
                      lineIndex++;
                      lineStart = true
                  }
              } else {
                  lineArray[lineIndex].push(idx);
              }
          }
  
      });
  
  
  //console.log( lineArray)
  for (i = 0; i < lineArray.length; i++) {
      var start = lineArray[i][0],
          end = lineArray[i][1] + 1;
  
      /* no end value pushed to array if only one word last line*/
      if (!end) {
          $wordSpans.eq(start).wrap('')
      } else {
          $wordSpans.slice(start, end).wrapAll('');
      }
  
  };
});

.line_wrap{ border-top: 1px solid green}
.message-contain {padding:35px 0}

  

  
      
          Lorem Khaled Ipsum is a major key to success. They will try to close the door on you, just open it. Watch your back, but more importantly when you get out the shower, dry your back, it’s a cold world out there. The other day the grass was brown, now it’s green because I ain’t give up. Never surrender. Every chance I get, I water the plants, Lion! In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. You do know, you do know that they don’t want you to have lunch. I’m keeping it real with you, so what you going do is have lunch.
      
  

  
  Fan luv. You smart, you loyal, you a genius. We don’t see them, we will never see them. In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. A major key, never panic. Don’t panic, when it gets crazy and rough, don’t panic, stay calm. The key to more success is to have a lot of pillows. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Let me be clear, you have to make it through the jungle to make it to paradise, that’s the key, Lion!
  


  

export const browser = detect();

browser.name

jest.mock('detect-browser', () => () => ({
  detect: () => {browser{name: 'edge'}},
}));

  "dependencies": {
    "@angular/animations": "~7.0.4",
    "@angular/common": "~7.0.4",
    "@angular/compiler": "~7.0.4",
    "@angular/core": "~7.0.4",
    "@angular/forms": "~7.0.4",
    "@angular/http": "~7.0.4",
    "@angular/platform-browser": "~7.0.4",
    "@angular/platform-browser-dynamic": "~7.0.4",
    "@angular/router": "~7.0.4",
    "@ngx-translate/core": "~11.0.1",
    "@ngx-translate/http-loader": "~4.0.0",
    "@webcomponents/webcomponentsjs": "2.2.7",
    "core-js": "~2.5.7",
    "is-docker": "^1.1.0",
    "ngx-toastr": "^9.1.2",
    "lit-html": "~1.0.0",
    "rxjs": "~6.3.3",
    "split.js": "~1.5.9",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.10.1",
    "@angular/cli": "~7.0.6",
    "@angular/compiler-cli": "~7.0.4",
    "@angular/language-service": "~7.0.4",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.12.9",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "~0.2.2",
    "karma-detect-browsers": "~2.3.3",
    "karma-firefox-launcher": "^1.1.0",
    "karma-ie-launcher": "^1.0.0",
    "npm-run-all": "^4.1.5",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.1",
    "tslint": "~5.11.0",
    "typescript": "~3.1.6"
  }

> karma start karma.conf.js

15 05 2018 16:23:28.330:WARN [framework.detect-browsers]: No launcher found 
for browser Chrome, it will not be used.

15 05 2018 16:23:28.334:WARN [framework.detect-browsers]: No launcher found 
for browser Firefox, it will not be used.

15 05 2018 16:23:28.335:WARN [framework.detect-browsers]: No launcher found 
for browser IE, it will not be used.

15 05 2018 16:23:28.400:WARN [watcher]: Pattern 
"C:/thing/node_modules/systemjs/dist/system-polyfills.js" 
does not match any file.

15 05 2018 16:23:37.118:WARN [watcher]: All files matched by 
"C:\thing\node_modules\karma-systemjs\lib\adapter.js" 
were excluded or matched by prior matchers.

IE 11.0.0 (Windows 10 0.0.0) ERROR
  {
    "message": "'Promise' is undefined\nat 
    node_modules/systemjs/dist/system.js:4:36898\n\nReferenceError: 'Promise' is undefined\n   at Anonymous function 
    (node_modules/systemjs/dist/system.js:4:36898)\n at Global code 
    (node_modules/systemjs/dist/system.js:4:2)", "str": "'Promise' is undefined\nat 
node_modules/systemjs/dist/system.js:4:36898\n\nReferenceError: 'Promise' is 
undefined\n   at Anonymous function 
(node_modules/systemjs/dist/system.js:4:36898)\n   at Global code 
(node_modules/systemjs/dist/system.js:4:2)"
  }


PhantomJS 2.1.1 (Windows 8 0.0.0) ERROR
  {
    "message": "ReferenceError: Can't find variable: Promise\nat 
node_modules/systemjs/dist/system.js:4:36908",
    "str": "ReferenceError: Can't find variable: Promise\nat 
node_modules/systemjs/dist/system.js:4:36908"
  }
Chrome 66.0.3359 (Windows 10 0.0.0): Executed 0 of 0 ERROR (0.006 secs / 0 
 secs)
Firefox 59.0.0 (Windows 10 0.0.0): Executed 0 of 0 ERROR (0.014 secs / 0 
secs)
npm ERR! Test failed.  See above for more details.

// Karma configuration

module.exports = function(config) {
config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: "./",

    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ["detectBrowsers", "systemjs", "jasmine"],

    detectBrowsers: {
        enabled: true,

        // enable/disable phantomjs support, default is true
        usePhantomJS: true,

        postDetection: function (availableBrowser) {
            /* Karma configuration with custom launchers
              customLaunchers: {
                IE9: {
                  base: 'IE',
                  'x-ua-compatible': 'IE=EmulateIE9'
                }
              }
            */

            var result = availableBrowser;

            //Remove PhantomJS if another browser has been detected
            if (availableBrowser.length > 1 && availableBrowser.indexOf("PhantomJS") > -1) {
                const i = result.indexOf("PhantomJS");

                if (i !== -1) {
                    result.splice(i, 1);
                }
            }

            return result;
        }
    },

    systemjs: {
        config: {
            paths: {
                "typescript": "node_modules/typescript/lib/typescript.js",
                "systemjs": "node_modules/systemjs/dist/system.js"
            },
            map: {
                "app": "script.es5/app",
                "unittests": "script.es5/unittests",
                "rxjs": "node_modules/rxjs",
                "crypto": "@empty", // Hack : had to do this to get it to work! 
                "@angular": "node_modules/@angular"
            },
            packages: {
                "app": {
                    defaultExtension: "js",
                    format: "register"
                },
                "unittests": {
                    defaultExtension: "js"
                },
                "@angular/core": { defaultExtension: "js", main: "index.js" },
                "@angular/common": { defaultExtension: "js", main: "index.js" },
                "@angular/compiler": { defaultExtension: "js", main: "index.js" },
                "@angular/router": { defaultExtension: "js", main: "index.js" },
                "@angular/platform-browser": { defaultExtension: "js", main: "index.js" },
                "@angular/platform-browser-dynamic": { defaultExtension: "js", main: "index.js" },
                "rxjs": {
                    defaultExtension: "js"
                }
            },
            transpiler: "typescript"
        },
        serveFiles: [
            "node_modules/**/*.js",
            "script.es5/**/*.js"
        ]
    },

    // list of files / patterns to load in the browser
    files: [
        { pattern: "node_modules/babel-polyfill/dist/polyfill.min.js", watched: false },
        ////{ pattern: "node_modules/zone.js/dist/zone.js", watched: false },
        ////////{ pattern: "node_modules/reflect-metadata/Reflect.js", watched: false },

        ////{ pattern: "node_modules/rxjs/**/*.js", included: false, watched: false },
        ////{ pattern: "node_modules/rxjs/**/*.js.map", included: false, watched: false },

        ////{ pattern: "node_modules/@angular/**/*.js", included: false, watched: true },
        ////{ pattern: "node_modules/@angular/**/*.js.map", included: false, watched: true },

        // Unit tests
        ////{ pattern: "script.es5/unittests/*.spec.js", included: true, watched: true }
    ],

    // list of files to exclude
    exclude: [
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {

    },


    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ["progress"],

    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_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", "Firefox", "IE"],

    plugins: [
        "karma-systemjs",
        "karma-detect-browsers",
        "karma-firefox-launcher",
        "karma-chrome-launcher",
        "karma-ie-launcher",
        "karma-phantomjs-launcher",
        "karma-jasmine"
    ],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: true,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
});
}

describe("Simple test", () => {
    it("should work", () => {
        expect(1).toBe(1);
    });
});