build: preprocess cypress files

package.json

@@ -19,7 +19,7 @@
     "example:cypress:open": "cypress open --project=projects/example-app-cypress",
     "example:cypress:run": "cypress run --project=projects/example-app-cypress",
     "example:cypress:ci": "npm-run-all --parallel --race example:server \"example:cypress:run -- --config=baseUrl=http://localhost:4000\"",
-    "example:build":"yarn cli build --prod",
+    "example:build": "yarn cli build --prod",
     "example:build:prod": "yarn example:build -- --base-href \"/platform/example-app/\"",
     "ci": "yarn run test && nyc report --reporter=text-lcov | coveralls",
     "example:server": "node build/example-app-server",
@@ -97,6 +97,7 @@
   "devDependencies": {
     "@angular-devkit/build-angular": "^0.10.0",
     "@bazel/bazel": "^0.19.1",
+    "@cypress/webpack-preprocessor": "^4.0.3",
     "@octokit/rest": "^15.17.0",
     "@types/fs-extra": "^2.1.0",
     "@types/glob": "^5.0.33",

projects/example-app-cypress/integration/round-trip.spec.js → projects/example-app-cypress/integration/round-trip.spec.ts

@@ -1,5 +1,3 @@
-/// <reference types="Cypress" />
-
 context('Full round trip', () => {
   before(() => {
     window.indexedDB.deleteDatabase('books_app');

projects/example-app-cypress/plugins/cy-ts-preprocessor.js

@@ -0,0 +1,26 @@
+const wp = require('@cypress/webpack-preprocessor');
+
+const webpackOptions = {
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        exclude: [/node_modules/],
+        use: [
+          {
+            loader: 'ts-loader',
+          },
+        ],
+      },
+    ],
+  },
+};
+
+const options = {
+  webpackOptions,
+};
+
+module.exports = wp(options);

projects/example-app-cypress/plugins/index.js

@@ -1 +1,5 @@
-module.exports = on => {};
+const cypressTypeScriptPreprocessor = require('./cy-ts-preprocessor');
+
+module.exports = on => {
+  on('file:preprocessor', cypressTypeScriptPreprocessor);
+};

projects/example-app-cypress/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "baseUrl": "../../node_modules",
+    "target": "es5",
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "noImplicitAny": false,
+    "lib": ["es6", "dom"],
+    "types": ["cypress"]
+  },
+  "include": ["**/*.ts"]
+}