test(core): set up playwright component tests

.eslintrc.js

@@ -1,7 +1,7 @@
 module.exports = {
   extends: '@digabi/eslint-config',
   parserOptions: {
-    project: ['./packages/*/tsconfig.json', './packages/*/__tests__/tsconfig.json']
+    project: ['./packages/*/tsconfig.json', './packages/*/__tests__/tsconfig.json', 'tsconfig.eslint.json']
   },
   ignorePatterns: ['packages/*/dist', '**/node_modules', '**/main-bundle.js']
 }

.github/actions/node-setup/action.yml

@@ -0,0 +1,17 @@
+name: Node.js Setup
+description: Sets up Node.js and installs dependencies.
+
+runs:
+  using: composite
+  steps:
+    - uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+
+    - name: Install Dependencies
+      shell: bash
+      run: npm ci

.github/workflows/ci.yml

@@ -9,45 +9,53 @@ on:
       - feature/*
 
 jobs:
-  test:
+  jest-tests:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-
-      - name: Install nodejs
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'npm'
+
+      - name: Node.js Setup
+        uses: ./.github/actions/node-setup
 
       - name: Restore puppeteer cache
         uses: actions/cache@v4
         with:
           path: ~/.cache/puppeteer
           key: ${{ runner.os }}-${{ hashFiles('package-lock.json') }}
 
-      - run: npm ci
       - run: npm rebuild full-icu
-      - run: npm run test --ci --runInBand
+
+      - name: Run Jest Tests
+        run: npm run test-jest -- --ci
 
-  lint:
+  playwright-component-tests:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
+      - name: Node.js Setup
+        uses: ./.github/actions/node-setup
 
-      - name: Install nodejs
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'npm'
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
+      - name: Run Playwright Component Tests
+        run: CI=true npm run test-ct
+
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Node.js Setup
+        uses: ./.github/actions/node-setup
 
       - name: Restore puppeteer cache
         uses: actions/cache@v4
         with:
           path: ~/.cache/puppeteer
           key: ${{ runner.os }}-${{ hashFiles('package-lock.json') }}
 
-      - run: npm ci
       - name: "run linter"
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"

.gitignore

@@ -77,3 +77,9 @@ eslint3.xml
 
 # Webpack bundle stats
 packages/core/stats.json
+
+# Playwright
+**/test-results/
+**/playwright-report/
+**/blob-report/
+**/playwright/**/.cache/

jest.base.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   reporters: ['default', ['jest-junit', { outputName: 'jest-report.xml' }]],
   snapshotSerializers: ['jest-snapshot-serializer-raw'],
+  testPathIgnorePatterns: ['<rootDir>/__tests__/playwright/'],
   testMatch: ['<rootDir>/__tests__/**/test*.ts?(x)', '<rootDir>/__tests__/**/*.test.ts?(x)'],
   transform: {
     '^.+\\.(ts|tsx)$': ['@swc-node/jest'],