Project configuration with e2e tests and coverage.

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-typescript"],
+  "env": {
+    "test": {
+      "plugins": ["istanbul"]
+    },
+    "development": {
+      "plugins": ["istanbul"]
+    }
+  }
+}

.github/workflows/validation.yml

@@ -0,0 +1,118 @@
+name: Validation
+on:
+  push:
+    branches: [main, master]
+  pull_request:
+    branches: [main, master]
+jobs:
+  check-format:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Check formatting using prettier
+        run: npm run check-format
+
+  check-types:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Check types using tsc
+        run: npm run check-types
+
+  check-lint:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Check using eslint
+        run: npm run check-lint
+
+  build-dev:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    needs: [check-format, check-types, check-lint]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Check using eslint
+        run: npm run build-dev
+
+
+  test-unit:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    needs: [build-dev]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Run unit tests
+        run: npx jest
+
+  test-ui:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    needs: [build-dev]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
+
+  test-coverage:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    needs: [test-ui, test-unit]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run all tests with coverage
+        run: npm run coverage
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: coverage-total
+          path: coverage-total/
+          retention-days: 30

.gitignore

@@ -0,0 +1,13 @@
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+coverage-ui
+coverage-unit
+coverage-total
+.nyc_output
+
+# macos temp files
+.DS_Store

.nycrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@istanbuljs/nyc-config-babel"
+}

.prettierrc

@@ -0,0 +1,3 @@
+{
+
+}

custom.d.ts

@@ -0,0 +1,18 @@
+/* 
+    Declare all *.jpg, *.png and *.svg files as modules.
+ */
+
+declare module "*.jpg" {
+  const content: any;
+  export default content;
+}
+
+declare module "*.png" {
+  const content: any;
+  export default content;
+}
+
+declare module "*.svg" {
+  const content: any;
+  export default content;
+}

eslint.config.mjs

@@ -0,0 +1,10 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts}"] },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+];

jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  collectCoverage: true,
+  coverageDirectory: "coverage-unit",
+  testPathIgnorePatterns: ["/node-modules/", "/test-ui/"],
+};