Skip to content

chore(Security): bump the react group across 1 directory with 7 updates #3141

chore(Security): bump the react group across 1 directory with 7 updates

chore(Security): bump the react group across 1 directory with 7 updates #3141

Triggered via pull request December 6, 2024 04:06
Status Failure
Total duration 7m 51s
Artifacts 6

build_and_test.yml

on: pull_request
Build_icon_library
2m 8s
Build_icon_library
Lint_react-component-library
1m 55s
Lint_react-component-library
Build_storybook_e2e
1m 15s
Build_storybook_e2e
Build_storybook
1m 58s
Build_storybook
Build_react-component-library
1m 41s
Build_react-component-library
Test_react-component-library
1m 9s
Test_react-component-library
Matrix: Test-e2e_react-component-library
Fit to window
Zoom out
Zoom in

Annotations

35 errors, 11 warnings, and 2 notices
Test_react-component-library
Process completed with exit code 1.
Build_react-component-library
Type 'RefObject<HTMLInputElement | null>' is not assignable to type 'RefObject<HTMLInputElement>'.
Build_react-component-library
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLButtonElement>'.
Build_react-component-library
Object is of type 'unknown'.
Build_react-component-library
This expression is not callable.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Build_react-component-library
Type 'RefObject<HTMLDivElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
Test_a11y
Process completed with exit code 1.
Test-e2e_react-component-library (1/3)
Testing stopped early after 10 maximum allowed failures.
[chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L24
1) [chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options Test timeout of 30000ms exceeded while running "beforeEach" hook. 22 | 23 | test.describe('when the component is focused', () => { > 24 | test.beforeEach(async ({ page }) => { | ^ 25 | await page.click(selectors.outerWrapper) 26 | }) 27 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:24:10
[chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L25
1) [chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="select-outer-wrapper"]') 23 | test.describe('when the component is focused', () => { 24 | test.beforeEach(async ({ page }) => { > 25 | await page.click(selectors.outerWrapper) | ^ 26 | }) 27 | 28 | test('renders four options', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:25:18
[chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L24
1) [chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 22 | 23 | test.describe('when the component is focused', () => { > 24 | test.beforeEach(async ({ page }) => { | ^ 25 | await page.click(selectors.outerWrapper) 26 | }) 27 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:24:10
[chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L25
1) [chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="select-outer-wrapper"]') 23 | test.describe('when the component is focused', () => { 24 | test.beforeEach(async ({ page }) => { > 25 | await page.click(selectors.outerWrapper) | ^ 26 | }) 27 | 28 | test('renders four options', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:25:18
[chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L24
2) [chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option Test timeout of 30000ms exceeded while running "beforeEach" hook. 22 | 23 | test.describe('when the component is focused', () => { > 24 | test.beforeEach(async ({ page }) => { | ^ 25 | await page.click(selectors.outerWrapper) 26 | }) 27 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:24:10
[chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L25
2) [chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="select-outer-wrapper"]') 23 | test.describe('when the component is focused', () => { 24 | test.beforeEach(async ({ page }) => { > 25 | await page.click(selectors.outerWrapper) | ^ 26 | }) 27 | 28 | test('renders four options', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:25:18
[chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L24
2) [chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 22 | 23 | test.describe('when the component is focused', () => { > 24 | test.beforeEach(async ({ page }) => { | ^ 25 | await page.click(selectors.outerWrapper) 26 | }) 27 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:24:10
[chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L25
2) [chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="select-outer-wrapper"]') 23 | test.describe('when the component is focused', () => { 24 | test.beforeEach(async ({ page }) => { > 25 | await page.click(selectors.outerWrapper) | ^ 26 | }) 27 | 28 | test('renders four options', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:25:18
[chromium] › Autocomplete/default.spec.ts:44:11 › Autocomplete › when the component is focused › and `hr` is typed › does not render the `No results for t` text: packages/react-component-library/e2e/Autocomplete/default.spec.ts#L24
3) [chromium] › Autocomplete/default.spec.ts:44:11 › Autocomplete › when the component is focused › and `hr` is typed › does not render the `No results for t` text Test timeout of 30000ms exceeded while running "beforeEach" hook. 22 | 23 | test.describe('when the component is focused', () => { > 24 | test.beforeEach(async ({ page }) => { | ^ 25 | await page.click(selectors.outerWrapper) 26 | }) 27 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/Autocomplete/default.spec.ts:24:10
Test-e2e_react-component-library (3/3)
The job was canceled because "_1_3" failed.
Test-e2e_react-component-library (3/3)
Testing stopped early after 10 maximum allowed failures.
[firefox] › forms/prepopulated.spec.ts:58:11 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L59
1) [firefox] › forms/prepopulated.spec.ts:58:11 › Form examples, pre-populated › Formik › renders the relevant fields Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('[data-testid="form-example-TextInput-email"]') Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('[data-testid="form-example-TextInput-email"]') 57 | 58 | test('renders the relevant fields', async ({ page }) => { > 59 | await expect(page.locator(selectors.input.email)).toBeVisible() | ^ 60 | await expect(page.locator(selectors.input.password)).toBeVisible() 61 | await expect(page.locator(selectors.input.description)).toBeVisible() 62 | await expect(page.locator(selectors.input.radio).nth(0)).toBeVisible() at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:59:59
[firefox] › forms/prepopulated.spec.ts:58:11 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L59
1) [firefox] › forms/prepopulated.spec.ts:58:11 › Form examples, pre-populated › Formik › renders the relevant fields Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('[data-testid="form-example-TextInput-email"]') Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('[data-testid="form-example-TextInput-email"]') 57 | 58 | test('renders the relevant fields', async ({ page }) => { > 59 | await expect(page.locator(selectors.input.email)).toBeVisible() | ^ 60 | await expect(page.locator(selectors.input.password)).toBeVisible() 61 | await expect(page.locator(selectors.input.description)).toBeVisible() 62 | await expect(page.locator(selectors.input.radio).nth(0)).toBeVisible() at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:59:59
[firefox] › forms/prepopulated.spec.ts:79:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L75
2) [firefox] › forms/prepopulated.spec.ts:79:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › does not show any validation errors Test timeout of 30000ms exceeded while running "beforeEach" hook. 73 | 74 | test.describe('when the form is submitted unchanged', () => { > 75 | test.beforeEach(async ({ page }) => { | ^ 76 | await page.click(selectors.submit) 77 | }) 78 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:75:14
[firefox] › forms/prepopulated.spec.ts:79:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L76
2) [firefox] › forms/prepopulated.spec.ts:79:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › does not show any validation errors Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="form-example-submit"]') 74 | test.describe('when the form is submitted unchanged', () => { 75 | test.beforeEach(async ({ page }) => { > 76 | await page.click(selectors.submit) | ^ 77 | }) 78 | 79 | test('does not show any validation errors', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:76:22
[firefox] › forms/prepopulated.spec.ts:79:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L75
2) [firefox] › forms/prepopulated.spec.ts:79:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › does not show any validation errors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 73 | 74 | test.describe('when the form is submitted unchanged', () => { > 75 | test.beforeEach(async ({ page }) => { | ^ 76 | await page.click(selectors.submit) 77 | }) 78 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:75:14
[firefox] › forms/prepopulated.spec.ts:79:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L76
2) [firefox] › forms/prepopulated.spec.ts:79:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › does not show any validation errors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="form-example-submit"]') 74 | test.describe('when the form is submitted unchanged', () => { 75 | test.beforeEach(async ({ page }) => { > 76 | await page.click(selectors.submit) | ^ 77 | }) 78 | 79 | test('does not show any validation errors', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:76:22
[firefox] › forms/prepopulated.spec.ts:83:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L75
3) [firefox] › forms/prepopulated.spec.ts:83:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › submits the form values Test timeout of 30000ms exceeded while running "beforeEach" hook. 73 | 74 | test.describe('when the form is submitted unchanged', () => { > 75 | test.beforeEach(async ({ page }) => { | ^ 76 | await page.click(selectors.submit) 77 | }) 78 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:75:14
[firefox] › forms/prepopulated.spec.ts:83:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L76
3) [firefox] › forms/prepopulated.spec.ts:83:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › submits the form values Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="form-example-submit"]') 74 | test.describe('when the form is submitted unchanged', () => { 75 | test.beforeEach(async ({ page }) => { > 76 | await page.click(selectors.submit) | ^ 77 | }) 78 | 79 | test('does not show any validation errors', async ({ page }) => { at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:76:22
[firefox] › forms/prepopulated.spec.ts:83:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L75
3) [firefox] › forms/prepopulated.spec.ts:83:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › submits the form values Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 73 | 74 | test.describe('when the form is submitted unchanged', () => { > 75 | test.beforeEach(async ({ page }) => { | ^ 76 | await page.click(selectors.submit) 77 | }) 78 | at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:75:14
Test-e2e_react-component-library (2/3)
The job was canceled because "_1_3" failed.
Test-e2e_react-component-library (2/3)
The operation was canceled.
Security_audit
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Check_commits
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Test_design-tokens
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Lint_react-component-library
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Build_icon_library
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Test_react-component-library
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Build_storybook_e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Build_react-component-library
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Build_storybook
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Test_a11y
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Test-e2e_react-component-library (1/3)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
🎭 Playwright Run Summary
6 failed [chromium] › Autocomplete/default.spec.ts:28:9 › Autocomplete › when the component is focused › renders four options [chromium] › Autocomplete/default.spec.ts:37:11 › Autocomplete › when the component is focused › and `hr` is typed › renders one option [chromium] › Autocomplete/default.spec.ts:44:11 › Autocomplete › when the component is focused › and `hr` is typed › does not render the `No results for t` text [chromium] › Autocomplete/default.spec.ts:48:11 › Autocomplete › when the component is focused › and `hr` is typed › highlights the first item [chromium] › Autocomplete/default.spec.ts:62:13 › Autocomplete › when the component is focused › and `hr` is typed › and the `Three` option is clicked › it sets the value [chromium] › Autocomplete/default.spec.ts:66:13 › Autocomplete › when the component is focused › and `hr` is typed › and the `Three` option is clicked › focuses the toggle button 108 did not run
🎭 Playwright Run Summary
5 failed [firefox] › forms/prepopulated.spec.ts:58:11 › Form examples, pre-populated › Formik › renders the relevant fields [firefox] › forms/prepopulated.spec.ts:79:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › does not show any validation errors [firefox] › forms/prepopulated.spec.ts:83:13 › Form examples, pre-populated › Formik › when the form is submitted unchanged › submits the form values [firefox] › forms/prepopulated.spec.ts:115:13 › Form examples, pre-populated › Formik › when the form data is edited › shows no validation errors [firefox] › forms/prepopulated.spec.ts:124:15 › Form examples, pre-populated › Formik › when the form data is edited › and the form is submitted › disables the submit button 1 interrupted [firefox] › forms/prepopulated.spec.ts:128:15 › Form examples, pre-populated › Formik › when the form data is edited › and the form is submitted › submits the form values 108 did not run

Artifacts

Produced during runtime
Name Size
dist
1.08 MB
playwright-test-results-1
5.31 MB
playwright-test-results-2
79.8 MB
playwright-test-results-3
180 MB
storybook-static
36.4 MB
storybook-static-e2e Expired
32.2 MB