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

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"

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

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

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636