Init testing (DataDog#3)

* init karma mocha

* plug webpack + typescript

* wire to CI

* replace .npmrc by .yarnrc

Author: bcaudan

.gitlab-ci.yml

@@ -1,6 +1,6 @@
 variables:
   APP: "browser-agent"
-  CURRENT_CI_IMAGE: 2
+  CURRENT_CI_IMAGE: 3
   BUILD_STABLE_REGISTRY: "486234852809.dkr.ecr.us-east-1.amazonaws.com"
   CI_IMAGE: "$BUILD_STABLE_REGISTRY/ci/$APP:$CURRENT_CI_IMAGE"
 
@@ -41,3 +41,11 @@ build:
   script:
     - yarn
     - yarn build
+
+test:
+  stage: test
+  tags: ["runner:main", "size:large"]
+  image: $CI_IMAGE
+  script:
+    - yarn
+    - yarn test

.yarnrc

@@ -0,0 +1,2 @@
+save-exact true
+

Dockerfile

@@ -1 +1,19 @@
 FROM node:11.6.0-slim
+
+# Install Chrome deps.
+RUN apt-get update && apt-get install -y -q --no-install-recommends \
+        libgtk-3-dev \
+        libx11-xcb1  \
+        libnss3 \
+        libxss1 \
+        libasound2 \
+        fonts-liberation \
+        libappindicator3-1 \
+        lsb-release \
+        xdg-utils
+
+# Download and install Chrome.
+# Debian taken from https://www.ubuntuupdates.org/package/google_chrome/stable/main/base/google-chrome-stable
+RUN curl --silent --show-error --fail https://dd-public-oss-mirror.s3.amazonaws.com/google-chrome-stable_71.0.3578.80-1_amd64.deb --output google-chrome.deb \
+    && dpkg -i google-chrome.deb \
+    && rm google-chrome.deb

karma.conf.js

@@ -0,0 +1,29 @@
+const webpackConfig = require("./webpack.config")(null, "development");
+
+module.exports = function(config) {
+  config.set({
+    browsers: ["ChromeHeadlessNoSandbox"],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: "ChromeHeadless",
+        flags: ["--no-sandbox"]
+      }
+    },
+    files: ["**/*.unit.ts"],
+    frameworks: ["mocha", "chai"],
+    preprocessors: {
+      "src/**/*.unit.ts": ["webpack"]
+    },
+    singleRun: true,
+    webpack: {
+      mode: "development",
+      stats: "minimal",
+      module: webpackConfig.module,
+      resolve: webpackConfig.resolve
+    },
+    webpackMiddleware: {
+      stats: "errors-only",
+      logLevel: "warn"
+    }
+  });
+};

package.json

@@ -6,9 +6,20 @@
     "build": "webpack --config webpack.config.js --mode=production",
     "dev": "webpack-dev-server --mode=development",
     "format": "prettier --check \"**/*.{ts,js,json,md,yml}\" \"!dist/**\"",
-    "lint": "tslint -c ./tslint.json -p ./tsconfig.json"
+    "lint": "tslint -c ./tslint.json -p ./tsconfig.json",
+    "test": "karma start"
   },
   "devDependencies": {
+    "@types/chai": "4.1.7",
+    "@types/mocha": "5.2.5",
+    "chai": "4.2.0",
+    "karma": "4.0.0",
+    "karma-chai": "0.1.0",
+    "karma-chrome-launcher": "2.2.0",
+    "karma-mocha": "1.3.0",
+    "karma-typescript-preprocessor2": "1.2.1",
+    "karma-webpack": "3.0.5",
+    "mocha": "5.2.0",
     "prettier": "1.16.2",
     "ts-loader": "5.3.3",
     "tslint": "5.12.1",

src/index.ts

@@ -1 +1,3 @@
-console.log("Hello");
+export function add(a: number, b: number) {
+  return a + b;
+}

src/index.unit.ts

@@ -0,0 +1,8 @@
+import { expect } from "chai";
+import { add } from "./index";
+
+describe("test", () => {
+  it("should pass", () => {
+    expect(add(1, 2)).to.equal(3);
+  });
+});

tslint.json

@@ -15,6 +15,7 @@
     "member-access": false,
     "no-console": false,
     "no-default-export": true,
+    "no-implicit-dependencies": [true, "dev"],
     "ter-computed-property-spacing": false
   },
   "rulesDirectory": []