Skip to content

Implement framework-specific useId for SSR-compatible component ID generation #22663

Implement framework-specific useId for SSR-compatible component ID generation

Implement framework-specific useId for SSR-compatible component ID generation #22663

Triggered via pull request October 28, 2025 07:24
Status Failure
Total duration 3h 47m 21s
Artifacts 26

default.yml

on: pull_request
init  /  Init
4m 32s
init / Init
init  /  Get and save publish version
init / Get and save publish version
build-packages  /  Build Packages
1m 21s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
Matrix: lint / Lint
build-showcase-patternhub  /  Build Patternhub
1m 41s
build-showcase-patternhub / Build Patternhub
build-showcase-stencil  /  Build Showcase stencil-showcase
52s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-react  /  Build Showcase react-showcase
39s
build-showcase-react / Build Showcase react-showcase
build-showcase-vue  /  Build Showcase vue-showcase
40s
build-showcase-vue / Build Showcase vue-showcase
build-showcase-angular  /  Build Showcase angular-showcase
53s
build-showcase-angular / Build Showcase angular-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 18s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 25s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
51s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
56s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
52s
build-showcase-nuxt / Build Showcase nuxt-showcase
build-storybook-composition  /  Build Storybook composition-storybook
41s
build-storybook-composition / Build Storybook composition-storybook
build-storybook-angular  /  Build Storybook angular-storybook
59s
build-storybook-angular / Build Storybook angular-storybook
build-storybook-react  /  Build Storybook react-storybook
36s
build-storybook-react / Build Storybook react-storybook
build-storybook-vue  /  Build Storybook vue-storybook
44s
build-storybook-vue / Build Storybook vue-storybook
cancel-on-failure-build-packages  /  Cancel Workflow
cancel-on-failure-build-packages / Cancel Workflow
cancel-on-failure-lint  /  Cancel Workflow
cancel-on-failure-lint / Cancel Workflow
test-showcase-patternhub  /  🧪🎭 - patternhub
31m 41s
test-showcase-patternhub / 🧪🎭 - patternhub
cancel-on-failure-build-showcase-patternhub  /  Cancel Workflow
cancel-on-failure-build-showcase-patternhub / Cancel Workflow
Matrix: test-showcase-stencil / playwright-showcases
cancel-on-failure-build-showcase-stencil  /  Cancel Workflow
cancel-on-failure-build-showcase-stencil / Cancel Workflow
Matrix: test-showcase-react / playwright-showcases
cancel-on-failure-build-showcase-react  /  Cancel Workflow
cancel-on-failure-build-showcase-react / Cancel Workflow
Matrix: test-showcase-vue / playwright-showcases
cancel-on-failure-build-showcase-vue  /  Cancel Workflow
cancel-on-failure-build-showcase-vue / Cancel Workflow
Matrix: test-showcase-angular / playwright-showcases
cancel-on-failure-build-showcase-angular  /  Cancel Workflow
cancel-on-failure-build-showcase-angular / Cancel Workflow
regenerate-snapshots-components  /  🧪🎭 - Regenerate snapshots components
58m 19s
regenerate-snapshots-components / 🧪🎭 - Regenerate snapshots components
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
cancel-on-failure-build-outputs  /  Cancel Workflow
cancel-on-failure-build-outputs / Cancel Workflow
cancel-on-failure-build-showcase-angular-ssr  /  Cancel Workflow
cancel-on-failure-build-showcase-angular-ssr / Cancel Workflow
cancel-on-failure-build-showcase-next  /  Cancel Workflow
cancel-on-failure-build-showcase-next / Cancel Workflow
cancel-on-failure-build-showcase-nuxt  /  Cancel Workflow
cancel-on-failure-build-showcase-nuxt / Cancel Workflow
regenerate-snapshots-patternhub  /  🧪🎭 - Regenerate snapshots patternhub
1h 26m
regenerate-snapshots-patternhub / 🧪🎭 - Regenerate snapshots patternhub
Matrix: test-screen-reader / playwright-screen-reader
Waiting for pending jobs
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots showcases
3h 3m
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
checks-done
2s
checks-done
commit-regenerated-snapshots  /  🆙 Commit regenerated snapshots
0s
commit-regenerated-snapshots / 🆙 Commit regenerated snapshots
preview-url-pr-description  /  preview-url-pr-description
6s
preview-url-pr-description / preview-url-pr-description
Fit to window
Zoom out
Zoom in

Annotations

47 errors and 3 notices
[chromium] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works: output/react/src/components/accordion/accordion.spec.tsx#L98
3) [chromium] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('item2') 96 | test('textarea inside item works', async ({ mount }) => { 97 | const component = await mount(actionAccordion); > 98 | await component.getByTestId('item2').click(); | ^ 99 | const textArea = component.getByRole('textbox'); 100 | await expect(textArea).toBeVisible(); 101 | await textArea.fill('Test'); at /__w/core-web/core-web/output/react/src/components/accordion/accordion.spec.tsx:98:40
[chromium] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works: output/react/src/components/accordion/accordion.spec.tsx#L0
3) [chromium] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works Test timeout of 30000ms exceeded.
[chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works: output/react/src/components/accordion/accordion.spec.tsx#L89
2) [chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('item1') 87 | test('click inside item works', async ({ mount }) => { 88 | const component = await mount(actionAccordion); > 89 | await component.getByTestId('item1').click(); | ^ 90 | const button = component.getByTestId('button'); 91 | await expect(button).toBeVisible(); 92 | await button.click(); at /__w/core-web/core-web/output/react/src/components/accordion/accordion.spec.tsx:89:40
[chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works: output/react/src/components/accordion/accordion.spec.tsx#L0
2) [chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works: output/react/src/components/accordion/accordion.spec.tsx#L89
2) [chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('item1') 87 | test('click inside item works', async ({ mount }) => { 88 | const component = await mount(actionAccordion); > 89 | await component.getByTestId('item1').click(); | ^ 90 | const button = component.getByTestId('button'); 91 | await expect(button).toBeVisible(); 92 | await button.click(); at /__w/core-web/core-web/output/react/src/components/accordion/accordion.spec.tsx:89:40
[chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works: output/react/src/components/accordion/accordion.spec.tsx#L0
2) [chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works Test timeout of 30000ms exceeded.
[chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work: output/react/src/components/accordion/accordion.spec.tsx#L76
1) [chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('item1') 74 | test('single behavior should work', async ({ mount }) => { 75 | const component = await mount(actionAccordion); > 76 | await component.getByTestId('item1').click(); | ^ 77 | await expect(component.getByTestId('button')).toBeVisible(); 78 | await component.getByTestId('item2').click(); 79 | await expect(component.getByTestId('button')).toBeHidden(); at /__w/core-web/core-web/output/react/src/components/accordion/accordion.spec.tsx:76:40
[chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work: output/react/src/components/accordion/accordion.spec.tsx#L0
1) [chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work: output/react/src/components/accordion/accordion.spec.tsx#L76
1) [chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('item1') 74 | test('single behavior should work', async ({ mount }) => { 75 | const component = await mount(actionAccordion); > 76 | await component.getByTestId('item1').click(); | ^ 77 | await expect(component.getByTestId('button')).toBeVisible(); 78 | await component.getByTestId('item2').click(); 79 | await expect(component.getByTestId('button')).toBeHidden(); at /__w/core-web/core-web/output/react/src/components/accordion/accordion.spec.tsx:76:40
[chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work: output/react/src/components/accordion/accordion.spec.tsx#L0
1) [chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work Test timeout of 30000ms exceeded.
test-components / 🧪🎭 - react:1/2
Process completed with exit code 1.
[firefox] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input: output/react/src/components/input/input.spec.tsx#L49
5) [firefox] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input ─────── Error: locator.fill: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByRole('textbox') 47 | ); 48 | const component = await mount(comp); > 49 | await component.getByRole('textbox').fill('test'); | ^ 50 | expect(test).toEqual('test'); 51 | }); 52 | at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:49:40
[firefox] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input: output/react/src/components/input/input.spec.tsx#L0
5) [firefox] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input ─────── Test timeout of 30000ms exceeded.
[firefox] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues: output/react/validateContext@debugger eval code line 290 > eval#L18905
4) [firefox] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: frame.evaluate: No elements found for include in page Context validateContext@debugger eval code line 290 > eval:18905:15 Context@debugger eval code line 290 > eval:18886:22 _getFrameContexts@debugger eval code line 290 > eval:18927:22 @debugger eval code line 290 > eval:4:27 evaluate@debugger eval code:292:16 @debugger eval code:1:44 at validateContext@debugger eval code line 290 > eval:18905:15 at Context@debugger eval code line 290 > eval:18886:22 at _getFrameContexts@debugger eval code line 290 > eval:18927:22 at @debugger eval code line 290 > eval:4:27 at evaluate@debugger eval code:292:16 at @debugger eval code:1:44 at AxeBuilder.runPartialRecursive (/__w/core-web/core-web/node_modules/@axe-core/playwright/dist/index.js:315:39) at AxeBuilder.analyze (/__w/core-web/core-web/node_modules/@axe-core/playwright/dist/index.js:245:39) at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:29:36
[firefox] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues: output/react/validateContext@debugger eval code line 290 > eval#L18905
4) [firefox] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues Error: frame.evaluate: No elements found for include in page Context validateContext@debugger eval code line 290 > eval:18905:15 Context@debugger eval code line 290 > eval:18886:22 _getFrameContexts@debugger eval code line 290 > eval:18927:22 @debugger eval code line 290 > eval:4:27 evaluate@debugger eval code:292:16 @debugger eval code:1:44 at validateContext@debugger eval code line 290 > eval:18905:15 at Context@debugger eval code line 290 > eval:18886:22 at _getFrameContexts@debugger eval code line 290 > eval:18927:22 at @debugger eval code line 290 > eval:4:27 at evaluate@debugger eval code:292:16 at @debugger eval code:1:44 at AxeBuilder.runPartialRecursive (/__w/core-web/core-web/node_modules/@axe-core/playwright/dist/index.js:315:39) at AxeBuilder.analyze (/__w/core-web/core-web/node_modules/@axe-core/playwright/dist/index.js:245:39) at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:29:36
[firefox] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot: output/react/src/components/input/input.spec.tsx#L25
3) [firefox] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) failed @@ -1,5 +1,1 @@ -- text: Label -- textbox "Label": - - /placeholder: " " - - text: Test -- status + Snapshot: c6457cd22074d417a91e-51f49cffcf4721a45c2b.yaml 23 | const component = await mount(comp); 24 | const snapshot = await component.ariaSnapshot(); > 25 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 26 | }); 27 | test('should not have any A11y issues', async ({ page, mount }) => { 28 | await mount(comp); at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:25:20
[firefox] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot: output/react/src/components/input/input.spec.tsx#L25
3) [firefox] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) failed @@ -1,5 +1,1 @@ -- text: Label -- textbox "Label": - - /placeholder: " " - - text: Test -- status + Snapshot: c6457cd22074d417a91e-51f49cffcf4721a45c2b.yaml 23 | const component = await mount(comp); 24 | const snapshot = await component.ariaSnapshot(); > 25 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 26 | }); 27 | test('should not have any A11y issues', async ({ page, mount }) => { 28 | await mount(comp); at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:25:20
[firefox] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot: output/react/src/components/input/input.spec.tsx#L18
2) [firefox] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator('internal:control=component') Timeout: 5000ms Timeout 5000ms exceeded. Call log: - Expect "toHaveScreenshot" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div id="root"></div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 20ms 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 100ms 10 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 500ms - Timeout 5000ms exceeded. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | const testA11y = () => { at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:18:27
[firefox] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot: output/react/src/components/input/input.spec.tsx#L18
2) [firefox] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot ────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator('internal:control=component') Timeout: 5000ms Timeout 5000ms exceeded. Call log: - Expect "toHaveScreenshot" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div id="root"></div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 20ms 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 100ms 10 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 500ms - Timeout 5000ms exceeded. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | const testA11y = () => { at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:18:27
[firefox] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text: output/react/src/components/input/input.spec.tsx#L13
1) [firefox] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toContainText(expected) failed Locator: locator('#root').locator('internal:control=component') Expected substring: "Label" Received string: "" Timeout: 5000ms Call log: - Expect "toContainText" with timeout 5000ms - waiting for locator('#root').locator('internal:control=component') 9 × locator resolved to <div id="root"></div> - unexpected value "" 11 | test('Label should have Text', async ({ mount }) => { 12 | const component = await mount(comp); > 13 | await expect(component).toContainText('Label'); | ^ 14 | }); 15 | 16 | test('should match screenshot', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:13:27
[firefox] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text: output/react/src/components/input/input.spec.tsx#L13
1) [firefox] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text ─────── Error: expect(locator).toContainText(expected) failed Locator: locator('#root').locator('internal:control=component') Expected substring: "Label" Received string: "" Timeout: 5000ms Call log: - Expect "toContainText" with timeout 5000ms - waiting for locator('#root').locator('internal:control=component') 9 × locator resolved to <div id="root"></div> - unexpected value "" 11 | test('Label should have Text', async ({ mount }) => { 12 | const component = await mount(comp); > 13 | await expect(component).toContainText('Label'); | ^ 14 | }); 15 | 16 | test('should match screenshot', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/input/input.spec.tsx:13:27
test-components / 🧪🎭 - react:2/2
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot: showcases/e2e/default.ts#L54
3) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot Error: locator.evaluate: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.db-page') 52 | const dbPage = page.locator('.db-page'); 53 | // We wait till db-page fully loaded > 54 | await dbPage.evaluate((element) => { | ^ 55 | element.style.transition = 'none'; 56 | }); 57 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false'); at waitForDBPage (/__w/core-web/core-web/showcases/e2e/default.ts:54:15) at gotoPage (/__w/core-web/core-web/showcases/e2e/default.ts:76:8) at /__w/core-web/core-web/showcases/e2e/default.ts:266:3
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot: showcases/e2e/default.ts#L0
3) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot Test timeout of 30000ms exceeded.
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot: showcases/e2e/default.ts#L54
2) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.db-page') 52 | const dbPage = page.locator('.db-page'); 53 | // We wait till db-page fully loaded > 54 | await dbPage.evaluate((element) => { | ^ 55 | element.style.transition = 'none'; 56 | }); 57 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false'); at waitForDBPage (/__w/core-web/core-web/showcases/e2e/default.ts:54:15) at gotoPage (/__w/core-web/core-web/showcases/e2e/default.ts:76:8) at /__w/core-web/core-web/showcases/e2e/default.ts:266:3
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot: showcases/e2e/default.ts#L0
2) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot: showcases/e2e/default.ts#L54
2) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot Error: locator.evaluate: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.db-page') 52 | const dbPage = page.locator('.db-page'); 53 | // We wait till db-page fully loaded > 54 | await dbPage.evaluate((element) => { | ^ 55 | element.style.transition = 'none'; 56 | }); 57 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false'); at waitForDBPage (/__w/core-web/core-web/showcases/e2e/default.ts:54:15) at gotoPage (/__w/core-web/core-web/showcases/e2e/default.ts:76:8) at /__w/core-web/core-web/showcases/e2e/default.ts:266:3
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot: showcases/e2e/default.ts#L0
2) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot Test timeout of 30000ms exceeded.
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot: showcases/e2e/default.ts#L54
1) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.db-page') 52 | const dbPage = page.locator('.db-page'); 53 | // We wait till db-page fully loaded > 54 | await dbPage.evaluate((element) => { | ^ 55 | element.style.transition = 'none'; 56 | }); 57 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false'); at waitForDBPage (/__w/core-web/core-web/showcases/e2e/default.ts:54:15) at gotoPage (/__w/core-web/core-web/showcases/e2e/default.ts:76:8) at /__w/core-web/core-web/showcases/e2e/default.ts:266:3
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot: showcases/e2e/default.ts#L0
1) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot: showcases/e2e/default.ts#L54
1) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot Error: locator.evaluate: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.db-page') 52 | const dbPage = page.locator('.db-page'); 53 | // We wait till db-page fully loaded > 54 | await dbPage.evaluate((element) => { | ^ 55 | element.style.transition = 'none'; 56 | }); 57 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false'); at waitForDBPage (/__w/core-web/core-web/showcases/e2e/default.ts:54:15) at gotoPage (/__w/core-web/core-web/showcases/e2e/default.ts:76:8) at /__w/core-web/core-web/showcases/e2e/default.ts:266:3
[chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot: showcases/e2e/default.ts#L0
1) [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot Test timeout of 30000ms exceeded.
test-showcase-react / 🧪🎭 - react-showcase:2/5
Process completed with exit code 1.
test-showcase-react / 🧪🎭 - react-showcase:1/5
The strategy configuration was canceled because "test-showcase-react.playwright-showcases._2_5" failed
test-showcase-react / 🧪🎭 - react-showcase:1/5
The operation was canceled.
test-showcase-react / 🧪🎭 - react-showcase:5/5
The strategy configuration was canceled because "test-showcase-react.playwright-showcases._2_5" failed
test-showcase-react / 🧪🎭 - react-showcase:5/5
The operation was canceled.
test-showcase-react / 🧪🎭 - react-showcase:3/5
The strategy configuration was canceled because "test-showcase-react.playwright-showcases._2_5" failed
test-showcase-react / 🧪🎭 - react-showcase:3/5
The operation was canceled.
test-showcase-react / 🧪🎭 - react-showcase:4/5
The strategy configuration was canceled because "test-showcase-react.playwright-showcases._2_5" failed
test-showcase-react / 🧪🎭 - react-showcase:4/5
The operation was canceled.
test-showcase-patternhub / 🧪🎭 - patternhub
Process completed with exit code 1.
test-showcase-patternhub / 🧪🎭 - patternhub
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
regenerate-snapshots-components / 🧪🎭 - Regenerate snapshots components
Process completed with exit code 1.
regenerate-snapshots-patternhub / 🧪🎭 - Regenerate snapshots patternhub
Process completed with exit code 1.
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
Process completed with exit code 1.
🎭 Playwright Run Summary
76 failed [chromium] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work [chromium] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works [chromium] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works [chromium] › src/components/checkbox/checkbox.spec.tsx:11:6 › DBCheckbox › should contain text ─ [chromium] › src/components/checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot [chromium] › src/components/checkbox/checkbox.spec.tsx:22:6 › DBCheckbox › should have same aria-snapshot [chromium] › src/components/checkbox/checkbox.spec.tsx:31:6 › DBCheckbox › should not have A11y issues [chromium] › src/components/checkbox/checkbox.spec.tsx:42:6 › DBCheckbox › should handle change [chromium] › src/components/custom-select/custom-select.spec.tsx:117:6 › DBCustomSelect › should contain text [chromium] › src/components/custom-select/custom-select.spec.tsx:122:6 › DBCustomSelect › should match screenshot [chromium] › src/components/custom-select/custom-select.spec.tsx:153:6 › DBCustomSelect › click on single item [chromium] › src/components/custom-select/custom-select.spec.tsx:164:6 › DBCustomSelect › click on multiple item [chromium] › src/components/custom-select/custom-select.spec.tsx:176:6 › DBCustomSelect › test search [chromium] › src/components/custom-select/custom-select.spec.tsx:191:6 › DBCustomSelect › test select all [chromium] › src/components/custom-select/custom-select.spec.tsx:204:6 › DBCustomSelect › select single item with Enter key [chromium] › src/components/custom-select/custom-select.spec.tsx:217:6 › DBCustomSelect › select multiple item with Enter key [chromium] › src/components/custom-select/custom-select.spec.tsx:231:6 › DBCustomSelect › option groups keyboard navigation: should navigate between option groups correctly [chromium] › src/components/custom-select/custom-select.spec.tsx:290:6 › DBCustomSelect › custom removeTagsTexts should correspond to correct options [chromium] › src/components/custom-select/custom-select.spec.tsx:320:6 › DBCustomSelect › should clear tags when values prop is set to null [chromium] › src/components/custom-select/custom-select.spec.tsx:359:6 › DBCustomSelect › should clear tags when values prop is set to undefined [chromium] › src/components/custom-select/custom-select.spec.tsx:397:6 › DBCustomSelect › should clear tags when values prop is set to empty array [chromium] › src/components/custom-select/custom-select.spec.tsx:436:6 › DBCustomSelect › should handle single select values reset to null [chromium] › src/components/custom-select/custom-select.spec.tsx:129:6 › DBCustomSelect › should have same aria-snapshot [chromium] › src/components/custom-select/custom-select.spec.tsx:134:6 › DBCustomSelect › should not have any A11y issues [chromium] › src/components/custom-select/custom-select.spec.tsx:142:6 › DBCustomSelect › option groups should be accessible [chromium] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text ─────── [chromium] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot ────── [chromium] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot [chromium] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues [chromium] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input ─────── [chromium] › src/components/input/input.spec.tsx:53:6 › DBInput › should have enterkeyhint attribute when provided [chromium] › src/components/input/input.spec.tsx:61:6 › DBInput › should have inputmode attribute when provided [chromium] › src/components/input/input.spec.tsx:71:6 › DBInput › should not have enterkeyhint or inputmode when not provided [chromium] › src/components/radio/radio.spec.tsx:11:6 › DBRadio › should contain text ──────────
🎭 Playwright Run Summary
77 failed [firefox] › src/components/input/input.spec.tsx:11:6 › DBInput › Label should have Text ──────── [firefox] › src/components/input/input.spec.tsx:16:6 › DBInput › should match screenshot ─────── [firefox] › src/components/input/input.spec.tsx:22:6 › DBInput › should have same aria-snapshot [firefox] › src/components/input/input.spec.tsx:27:6 › DBInput › should not have any A11y issues [firefox] › src/components/input/input.spec.tsx:38:6 › DBInput › should change on input ──────── [firefox] › src/components/input/input.spec.tsx:53:6 › DBInput › should have enterkeyhint attribute when provided [firefox] › src/components/input/input.spec.tsx:61:6 › DBInput › should have inputmode attribute when provided [firefox] › src/components/input/input.spec.tsx:71:6 › DBInput › should not have enterkeyhint or inputmode when not provided [firefox] › src/components/radio/radio.spec.tsx:11:6 › DBRadio › should contain text ─────────── [firefox] › src/components/radio/radio.spec.tsx:16:6 › DBRadio › should match screenshot ─────── [firefox] › src/components/radio/radio.spec.tsx:22:6 › DBRadio › should have same aria-snapshot [firefox] › src/components/radio/radio.spec.tsx:31:6 › DBRadio › should not have A11y issues ─── [firefox] › src/components/radio/radio.spec.tsx:42:6 › DBRadio › should handle change ────────── [firefox] › src/components/select/select.spec.tsx:47:6 › DBSelect › should change on select ──── [firefox] › src/components/switch/switch.spec.tsx:11:6 › DBSwitch › should contain text ──────── [firefox] › src/components/switch/switch.spec.tsx:16:6 › DBSwitch › should match screenshot ──── [firefox] › src/components/switch/switch.spec.tsx:28:6 › DBSwitch › should not have any A11y issues [firefox] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ─────────────────── [firefox] › src/components/tag/tag.spec.tsx:96:6 › DBTag › should be a radio checked ─────────── [firefox] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ─────────────── [firefox] › src/components/tag/tag.spec.tsx:117:6 › DBTag › should be a checkbox checked ─────── [firefox] › src/components/textarea/textarea.spec.tsx:11:6 › DBTextarea › Label should have Text [firefox] › src/components/textarea/textarea.spec.tsx:16:6 › DBTextarea › should match screenshot [firefox] › src/components/textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot [firefox] › src/components/textarea/textarea.spec.tsx:31:6 › DBTextarea › should not have any A11y issues [firefox] › src/components/textarea/textarea.spec.tsx:42:6 › DBTextarea › should change on input [mobile_chrome] › src/components/accordion/accordion.spec.tsx:74:6 › DBAccordion › single behavior should work [mobile_chrome] › src/components/accordion/accordion.spec.tsx:87:6 › DBAccordion › click inside item works [mobile_chrome] › src/components/accordion/accordion.spec.tsx:96:6 › DBAccordion › textarea inside item works [mobile_chrome] › src/components/checkbox/checkbox.spec.tsx:11:6 › DBCheckbox › should contain text [mobile_chrome] › src/components/checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot [mobile_chrome] › src/components/checkbox/checkbox.spec.tsx:22:6 › DBCheckbox › should have same aria-snapshot [mobile_chrome] › src/components/checkbox/checkbox.spec.tsx:31:6 › DBCheckbox › should not have A11y issues [mobile_chrome] › src/components/checkbox/checkbox.spec.tsx:42:6 › DBCheckbox › should handle change [mobile_chrome] › src/components/custom-select/custom-select.spec.tsx:117:6 › DBCustomSelect › should contain text [mobile_chrome] › src/components/custom-select/custom-select.spec.tsx:122:6 › DBCustomSelect › should match screenshot [mobile_chrome] › src/components/custom-select/custom-select.spec.tsx:153:6 › DBCustomSelect › click on single item [mobile_chrome] › src/components/custom-select/custom-select.spec.tsx:164:6 › DBCustomSelect › click on mul
🎭 Playwright Run Summary
31 failed [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBHeader › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBIcon › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBInfotext › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBInput › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBLink › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBNavigation › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBNavigationItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBNotification › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBPopover › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBSection › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBSelect › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBStack › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBSwitch › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBTabItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBTabs › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBTag › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:257:2 › DBTooltip › should have same aria-snapshot [firefox] › showcases/e2e/default.ts:257:2 › DBAccordion › should have same aria-snapshot ────── [firefox] › showcases/e2e/default.ts:257:2 › DBAccordionItem › should have same aria-snapshot ── [firefox] › showcases/e2e/default.ts:257:2 › DBBadge › should have same aria-snapshot ────────── [firefox] › showcases/e2e/default.ts:257:2 › DBBrand › should have same aria-snapshot ────────── [firefox] › showcases/e2e/default.ts:257:2 › DBButton › should have same aria-snapshot ───────── [firefox] › showcases/e2e/default.ts:257:2 › DBCard › should have same aria-snapshot ─────────── [firefox] › showcases/e2e/default.ts:257:2 › DBCustomSelect › should have same aria-snapshot ─── [firefox] › showcases/e2e/default.ts:257:2 › DBDivider › should have same aria-snapshot ──────── [firefox] › showcases/e2e/default.ts:257:2 › DBDrawer › should have same aria-snapshot ───────── [firefox] › showcases/e2e/default.ts:257:2 › DBHeader › should have same aria-snapshot ───────── [firefox] › showcases/e2e/default.ts:257:2 › DBIcon › should have same aria-snapshot ───────────

Artifacts

Produced during runtime
Name Size Digest
db-ux-agent-cli-build
1.71 KB
sha256:382175a32dba8032b14ca172c84b6664c92331f5552b18791eee82433ce60311
db-ux-angular-showcase
2.13 MB
sha256:8954fcf747dd7896043bfa7269bea7503a7ab6ef3e5c274c1c81fbb09434f2db
db-ux-angular-ssr-showcase
2.06 MB
sha256:3b7ff0cdd816d435ed90155471ddae9a663d3306d6f4b7b958faf7e4818ebe7f
db-ux-angular-storybook
1.96 MB
sha256:288cd8a31ead24cc4e3ff52d585402756d1a0d2a36bb2d987adbfd2ce1432339
db-ux-components-build
408 KB
sha256:7d801675d03036bcfdb74587fb82c229791c240468b968f4a2d10bb6ae6b904b
db-ux-composition-storybook
1.76 MB
sha256:c46eda40c03f5f7843f89556c31f17c33a763be95213bdaf76fcae4f0046e4bd
db-ux-foundations-build
289 KB
sha256:3b36cf2c6ff9bce1dca0e5964f0c2f82cbb1155f4342f69eff3a60c477807e45
db-ux-migration-build
2.88 KB
sha256:6147f7978758691efb525bc4cec85e2ef334f6b071518aa98fd35e4c82cce133
db-ux-next-showcase
2.19 MB
sha256:4926182fe6b5d8ae9fcc6ad29b6e265a2d23466fa0abc193aebb05fabb51d8a0
db-ux-nuxt-showcase
2.66 MB
sha256:a012f18aac987d98f18a4fa74098dea7c20801fb19b0fa8ce95b7dba1cb6cf02
db-ux-output
586 KB
sha256:5831457964b1911f8daffaed61230f03b58e9d52997f2a39c9803f091d696ec5
db-ux-outputs
3.26 MB
sha256:15fe3d230c9bc66b500f047c55b48ad5677f92d8b967a1eb3b62a27536c50013
db-ux-patternhub
4.31 MB
sha256:43eb024e460a96ee56ce19986dee022c64f8ae934f677c512b294a3811cbc289
db-ux-react-showcase
2.03 MB
sha256:ed745507493ca13053b566e986c9bdf991b4db13ad76f11bc0f5907e29f8973f
db-ux-react-storybook
1.53 MB
sha256:a93449de0c0ad850a1925d19d36047695e006068eadcbe20d3a09cca08b7dbf0
db-ux-stencil-showcase
2.09 MB
sha256:0d25e5689d94ef0ba4b6306d68fd052a74733ceae77da6bc52ad8635b9ee1e3c
db-ux-stylelint-build
23.3 KB
sha256:16d62425d17e62d63156ab342824b6d304937cfca0bae63f85eba96692f12287
db-ux-vue-showcase
1.99 MB
sha256:0c4548421c1b6d8996abe73a913efb7db6c454ff53560f6a22dc2cd4cde9f528
db-ux-vue-storybook
1.47 MB
sha256:f972efc6562d37e9601640a10d51ce7f222440a66e8ad3bee892604ef8f8b0b3
patternhub-playwright-results
20.4 MB
sha256:d22ead4e2cc74b07850ec0d81e651aacdc8770887aee9dd8c08df719dbc6c511
react-components-playwright-results-1
13.7 MB
sha256:878af2dbac5a7c99d4b20c005063da71674225675ae6cdf1ca1172e9df1fedab
react-components-playwright-results-2
13.5 MB
sha256:2eba2b140bfc319e8d68ec3942c0bb8a87af8692f3a7b4bab681fe4e851a8131
react-showcase-playwright-results-2
13.3 MB
sha256:42e5377ebcb32063ad1ffba55a9fba445b4df166dc86235e5d58dcb2202ec4bd
snapshots-components
354 KB
sha256:18139aaa23cfd75b049358aa1917ca3e2a69e4b6a689561a5e5ac3206655b326
snapshots-patternhub
2.29 MB
sha256:07e6947421b3d2bb38c99352897b0aabf76cb0c832c25020e3d61276bca8600c
snapshots-showcases
16.1 MB
sha256:79f647a32d95e5af54f3820eecc337a41e66b9f0b7461ae95310444c961ff2f8