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