Implement framework-specific useId for SSR-compatible component ID generation #22663
Annotations
11 errors and 1 notice
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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.
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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 with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report
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
|
Loading