Skip to content

Fix FloatingBox merged refs being overwritten by ref prop in React 19 #3143

Fix FloatingBox merged refs being overwritten by ref prop in React 19

Fix FloatingBox merged refs being overwritten by ref prop in React 19 #3143

Triggered via pull request December 19, 2024 11:03
Status Success
Total duration 5m 53s
Artifacts 6

build_and_test.yml

on: pull_request
Build_icon_library
1m 32s
Build_icon_library
Lint_react-component-library
1m 14s
Lint_react-component-library
Security_audit
45s
Security_audit
Check_commits
34s
Check_commits
Test_design-tokens
44s
Test_design-tokens
Build_storybook_e2e
1m 3s
Build_storybook_e2e
Build_storybook
1m 55s
Build_storybook
Build_react-component-library
1m 27s
Build_react-component-library
Test_react-component-library
3m 20s
Test_react-component-library
Matrix: Test-e2e_react-component-library
Fit to window
Zoom out
Zoom in

Annotations

4 errors, 13 warnings, and 3 notices
[chromium] › forms/prepopulated.spec.ts:115:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L95
1) [chromium] › forms/prepopulated.spec.ts:115:13 › Form examples, pre-populated › Formik › when the form data is edited › shows no validation errors Test timeout of 30000ms exceeded while running "beforeEach" hook. 93 | 94 | test.describe('when the form data is edited', () => { > 95 | test.beforeEach(async ({ page }) => { | ^ 96 | await page.fill(selectors.input.email, '[email protected]') 97 | await page.fill(selectors.input.password, 'password') 98 | await page.fill(selectors.input.description, 'Hello, World!') at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:95:14
[chromium] › forms/prepopulated.spec.ts:115:13 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L110
1) [chromium] › forms/prepopulated.spec.ts:115:13 › Form examples, pre-populated › Formik › when the form data is edited › shows no validation errors Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="rangeslider-rail"]') - locator resolved to <div data-testid="rangeslider-rail" class="StyledRail-sc-qutex7-0 fJLohB">…</div> - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two"
[chromium] › forms/prepopulated.spec.ts:128:15 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L95
2) [chromium] › 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 Test timeout of 30000ms exceeded while running "beforeEach" hook. 93 | 94 | test.describe('when the form data is edited', () => { > 95 | test.beforeEach(async ({ page }) => { | ^ 96 | await page.fill(selectors.input.email, '[email protected]') 97 | await page.fill(selectors.input.password, 'password') 98 | await page.fill(selectors.input.description, 'Hello, World!') at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:95:14
[chromium] › forms/prepopulated.spec.ts:128:15 › Form examples: packages/react-component-library/e2e/forms/prepopulated.spec.ts#L110
2) [chromium] › 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 Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-testid="rangeslider-rail"]') - locator resolved to <div data-testid="rangeslider-rail" class="StyledRail-sc-qutex7-0 fJLohB">…</div> - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <li value="two" role="option" aria-selected="false" id="downshift-1-item-1" data-testid="select-option" class="StyledOption-sc-1y5lats-0 hKKqJu">…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling
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
Security_audit
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
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_react-component-library
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 (3/3)
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 (2/3)
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
Test_a11y
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
🎭 Playwright Run Summary
2 skipped 112 passed (59.3s)
🎭 Playwright Run Summary
2 skipped 112 passed (55.0s)
🎭 Playwright Run Summary
2 flaky [chromium] › forms/prepopulated.spec.ts:115:13 › Form examples, pre-populated › Formik › when the form data is edited › shows no validation errors [chromium] › 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 112 passed (1.3m)

Artifacts

Produced during runtime
Name Size
dist
1.08 MB
playwright-test-results-1
5.71 MB
playwright-test-results-2
220 KB
playwright-test-results-3
218 KB
storybook-static
36.1 MB
storybook-static-e2e Expired
32.1 MB