ci: [BLA-1118] Unit test cases should run in pipeline (#530)

.github/workflows/validations.yml

@@ -47,11 +47,15 @@ jobs:
             ./packages/**/node_modules
           key: modules-${{ hashFiles('package-lock.json') }}
 
+      - name: Install Dependencies
+        run: npm ci
+
       - name: Build
         run: npm run build
 
       - name: Lint
         run: npm run lint
 
       - name: Test
-        run: npm test
+        run: npm run test
+        continue-on-error: false

package.json

@@ -20,7 +20,7 @@
     "build-react-components": "npm run build --workspace=@otto-de/b2b-react-components",
     "build": "npm-run-all build-tokens build-core-components build-react-components",
     "lint": "npm run lint --workspace=@otto-de/b2b-core-components",
-    "test": "npm run test --workspace=@otto-de/b2b-core-components",
+    "test": "node test-runner.js",
     "prepare": "node scripts/prepare.mjs",
     "preinstall": "npx force-resolutions"
   },

packages/core-components/jest.config.js

@@ -9,5 +9,6 @@ module.exports = {
   },
   "transformIgnorePatterns": [
     "node_modules/(?!variables/.*)"
-  ]
+  ],
+  bail: true,
 }

packages/core-components/package.json

@@ -27,6 +27,7 @@
     "build:icons": "node scripts/generate-icon-types.mjs",
     "start": "stencil build --dev --watch --serve --config stencil-dev.config.ts",
     "test": "stencil test --spec --e2e",
+    "test-ci": "stencil test --spec --e2e --ci",
     "test.watch": "stencil test --spec --e2e --watch",
     "generate": "stencil generate",
     "lint": "eslint \"src/**/*{.ts,.tsx}\" && stylelint \"src/**/*{.scss,.css}\"",

packages/core-components/src/components/radio-group/radio-group.e2e.tsx

@@ -100,16 +100,17 @@ describe('B2B-Radio-Group', () => {
     expect(error).not.toBeDefined;
   });
 
-  it('should use label slot if provided', async () => {
-    await page.setContent(`
+  it('should use label slot if provided ', async () => {
+    const slotPage = await newE2EPage();
+    await slotPage.setContent(`
       <b2b-radio-group name="test-group">
           <span slot="label">Custom label</span>
           <b2b-radio-button label="one" value="one" name="test-group" id="one" hint="test" error="test"></b2b-radio-button>
           <b2b-radio-button label="two" value="two" name="test-group" id="two"</b2b-radio-button>
       </b2b-radio-group>
   `);
 
-    const element = await page.find('span');
+    const element = await slotPage.find('span');
 
     expect(element).toEqualText('Custom label');
   });

packages/core-components/src/components/radio/radio.e2e.tsx

@@ -50,12 +50,13 @@ describe('b2b-radio', () => {
   });
 
   it('should use label slot if provided', async () => {
-    await page.setContent(`
+    const slotPage = await newE2EPage();
+    await slotPage.setContent(`
       <b2b-radio-button value="one">
         <span slot="label">Custom label</span>
       </b2b-radio-button>`);
 
-    const element = await page.find('span');
+    const element = await slotPage.find('span');
 
     expect(element).toEqualText('Custom label');
   });

packages/core-components/stencil.config.ts

@@ -74,4 +74,8 @@ export const config: Config = {
       ],
     }),
   ],
+  testing: {
+    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
+    browserHeadless: true,
+  },
 };

test-runner.js

@@ -0,0 +1,27 @@
+const { exec } = require('child_process');
+
+const stencilTestCommand = 'npm run test --workspace=@otto-de/b2b-core-components';
+
+exec(stencilTestCommand, (error, stdout, stderr) => {
+  console.log(stdout);
+  console.error(stderr);
+
+  console.log('STDOUT:', stdout);
+  console.log('STDERR:', stderr);
+
+  const testFailureRegex = /Tests:.*\bfailed\b|Test Suites:.*\bfailed\b/i;
+
+  const hasFailures = testFailureRegex.test(stdout) || testFailureRegex.test(stderr);
+
+  if (hasFailures) {
+    console.error('Test failures detected!');
+    process.exit(1);
+  } else if (error) {
+    console.error('Test command execution failed!');
+    console.error(error.message);
+    process.exit(1);
+  } else {
+    console.log('All tests passed successfully!');
+    process.exit(0);
+  }
+});

test.Dockerfile

@@ -1,6 +1,6 @@
 # Use playwright image as a base
 
-FROM mcr.microsoft.com/playwright:v1.49.0-jammy AS playwright
+FROM mcr.microsoft.com/playwright:v1.50.0-jammy AS playwright
 
 
 WORKDIR /b2b