feat: @testing-library/react based tests (#206)

Co-authored-by: Jonas Hungershausen <[email protected]>

.github/workflows/ci.yml

@@ -3,7 +3,7 @@ on:
   push:
     branches: [main]
   pull_request:
-    branches: [main]
+    branches: [main, jonas-jonas/elementsv1]
 jobs:
   pull_request:
     timeout-minutes: 20
@@ -19,7 +19,9 @@ jobs:
         run: npm ci
       - uses: nrwl/nx-set-shas@v4
       - run: npx playwright install --with-deps
-      - run: npx nx affected -t lint test build
+      # Re-enable, once we don't have weird depdenency issues, because of the shared src/ folder
+      # - run: npx nx affected -t lint test build
+      - run: npx nx run-many --all -t lint test build --verbose
       - uses: actions/upload-artifact@v2
         if: always()
         with:
@@ -47,3 +49,9 @@ jobs:
       - uses: chromaui/action@v11
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          exitOnceUploaded: true
+
+      - name: Upload results to Codecov
+        uses: codecov/codecov-action@v4
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}

.gitignore

@@ -39,3 +39,4 @@ pnpm-lock.yaml
 /playwright-report/
 /playwright/.cache/
 .nx
+coverage/

jest.config.ts

@@ -1,8 +1,8 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
 
-import { getJestProjects } from "@nx/jest"
+import { getJestProjects, getJestProjectsAsync } from "@nx/jest"
 
 export default {
-  projects: [...getJestProjects(), "<rootDir>/jest.config.ts"],
+  projects: await getJestProjects(),
 }

jest.preset.js

@@ -0,0 +1,8 @@
+// Copyright © 2024 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
+
+const nxPreset = require("@nx/jest/preset").default
+
+module.exports = {
+  ...nxPreset,
+}

nx.json

@@ -39,6 +39,12 @@
       "options": {
         "targetName": "eslint:lint"
       }
+    },
+    {
+      "plugin": "@nx/jest/plugin",
+      "options": {
+        "targetName": "test"
+      }
     }
   ]
 }