Merge branch 'testing-102-meal-planner-reactive' into testing-200-mea…

…l-planner-indirect-output-starter

.eslintrc.json

@@ -12,7 +12,10 @@
             "enforceBuildableLibDependency": true,
             "allow": [],
             "depConstraints": [
-              { "sourceTag": "*", "onlyDependOnLibsWithTags": ["*"] }
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
             ]
           }
         ]

.github/workflows/test.yml

@@ -0,0 +1,55 @@
+name: ✅ Test
+on:
+  push:
+
+env:
+  # Using Nx Cloud is safer
+  NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
+
+jobs:
+  test:
+    name: ✅ Test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: nrwl/nx-set-shas@v3
+        with:
+          main-branch-name: ${{ github.ref_name }}
+
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - name: Cache Nx
+        uses: actions/cache@v3
+        with:
+          path: .nx/cache
+          key: ${{ runner.os }}-nx-${{ github.sha }}
+          restore-keys: ${{ runner.os }}-nx
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - run: pnpm install
+
+      - run: pnpm nx run-many --parallel=4 -t build,lint,test
+
+      # Skip Cypress Component tests on branches that don't have them
+      # this avoids no specs error and polluting the code base
+      # with some cypress test file from the beginning.
+      - id: has-cypress-tests
+        run: |
+          if [ $(find apps libs -name '*.cy.ts' | wc -l) -gt 0 ]; then
+            echo "::set-output name=has-cypress-tests::true"
+          else
+            echo "::set-output name=has-cypress-tests::false"
+          fi
+
+      - name: Cypress component tests
+        if: steps.has-cypress-tests.outputs.has-cypress-tests == 'true'
+        run: pnpm nx run-many --parallel=4 -t component-test

.gitignore

@@ -47,4 +47,7 @@ Thumbs.db
 !.yarn/plugins
 !.yarn/releases
 !.yarn/sdks
-!.yarn/versions
+!.yarn/versions
+.nx/cache
+
+.cache

.prettierignore

@@ -2,3 +2,5 @@
 
 /dist
 /coverage
+
+/.nx/cache

.swcrc

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true
+    },
+    "target": "es2020"
+  }
+}
+
+

.vscode/extensions.json

@@ -5,6 +5,7 @@
     "esbenp.prettier-vscode",
     "firsttris.vscode-jest-runner",
     "dbaeumer.vscode-eslint",
-    "rebornix.project-snippets"
+    "rebornix.project-snippets",
+    "ms-playwright.playwright"
   ]
 }

apps/whiskmate/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../.eslintrc.json",
+  "extends": ["plugin:playwright/recommended", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {
@@ -31,6 +31,10 @@
       "files": ["*.html"],
       "extends": ["plugin:@nx/angular-template"],
       "rules": {}
+    },
+    {
+      "files": ["**/*.pw.{ts,js,tsx,jsx}"],
+      "rules": {}
     }
   ]
 }

apps/whiskmate/jest.config.ts

@@ -5,13 +5,7 @@ export default {
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
   coverageDirectory: '../../coverage/apps/whiskmate',
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
+    '^.+\\.m?(t|j)sx?$': ['@swc/jest'],
   },
   transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
   snapshotSerializers: [

apps/whiskmate/playwright.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from '@jscutlery/playwright-ct-angular';
+import { nxE2EPreset } from '@nx/playwright/preset';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  ...nxE2EPreset(__filename, { testDir: '.' }),
+  testMatch: ['**/*.pw.ts'],
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    ctViteConfig: {
+      resolve: {
+        /* @angular/material is using "style" as a Custom Conditional export to expose prebuilt styles etc... */
+        conditions: ['style'],
+      },
+    },
+  },
+  timeout: 10_000,
+});

apps/whiskmate/playwright/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Testing Page</title>
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="./index.ts"></script>
+</body>
+</html>

apps/whiskmate/playwright/index.ts

@@ -0,0 +1 @@
+import '../src/styles.css';