docs(Button): Add single page documenting all button variants #2510
build_and_test.yml
on: pull_request
Build_icon_library
1m 28s
Lint_react-component-library
1m 11s
Security_audit
44s
Check_commits
41s
Test_design-tokens
45s
Build_react-component-library
1m 29s
Test_react-component-library
2m 39s
Matrix: Test-e2e_react-component-library
Test_a11y
1m 56s
Annotations
4 errors and 3 notices
[chromium] › forms/prepopulated.spec.ts:124:15 › Form examples:
packages/react-component-library/e2e/forms/prepopulated.spec.ts#L95
1) [chromium] › 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
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, 'hello@world.com')
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:124:15 › Form examples:
packages/react-component-library/e2e/forms/prepopulated.spec.ts#L110
1) [chromium] › 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
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…>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" role="option" aria-selected="false" …>…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events
- retrying click action, attempt #8
- 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" …>…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events
- retrying click action, attempt #9
- waiting 500ms
- waiting
|
[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, 'hello@world.com')
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…>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" …>…</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" role="option" aria-selected="false" …>…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events
- retrying click action, attempt #8
- 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" …>…</li> from <div class="StyledField-sc-1qyv5eu-0 hgziMj">…</div> subtree intercepts pointer events
- retrying click action, attempt #9
- waiting 500ms
- waiting fo
|
🎭 Playwright Run Summary
2 flaky
[chromium] › 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
[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
2 skipped
110 passed (1.3m)
|
🎭 Playwright Run Summary
1 skipped
112 passed (53.1s)
|
🎭 Playwright Run Summary
3 skipped
110 passed (1.0m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
dist
|
1.08 MB |
|
playwright-test-results-1
|
7.13 MB |
|
playwright-test-results-2
|
216 KB |
|
playwright-test-results-3
|
213 KB |
|
storybook-static
|
22.3 MB |
|
storybook-static-e2e
Expired
|
19.1 MB |
|