feat(DatePicker): Enhance with Year Month selection #3104
build_and_test.yml
on: pull_request
Build_icon_library
1m 39s
Lint_react-component-library
1m 21s
Security_audit
1m 0s
Check_commits
36s
Test_design-tokens
47s
Build_react-component-library
1m 31s
Test_react-component-library
3m 18s
Matrix: Test-e2e_react-component-library
Test_a11y
2m 5s
Annotations
9 errors and 3 notices
Check_commits
fixup commits found
|
[firefox] › DatePicker/default.spec.ts:55:7 › DatePicker:
packages/react-component-library/e2e/DatePicker/default.spec.ts#L85
1) [firefox] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: getByRole('gridcell', { name: /^5$/ })
Expected pattern: /rdp-day_selected/
Received string: "rdp-button_reset rdp-button rdp-day"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for getByRole('gridcell', { name: /^5$/ })
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
83 | })
84 |
> 85 | await expect(todayButton).toHaveClass(/rdp-day_selected/)
| ^
86 | await expect(todayButton).toHaveClass(/rdp-day_today/)
87 | await expect(todayButton).toHaveAttribute('aria-selected', 'true')
88 | })
at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/DatePicker/default.spec.ts:85:31
|
[firefox] › DatePicker/default.spec.ts:55:7 › DatePicker:
packages/react-component-library/e2e/DatePicker/default.spec.ts#L85
1) [firefox] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: getByRole('gridcell', { name: /^5$/ })
Expected pattern: /rdp-day_selected/
Received string: "rdp-button_reset rdp-button rdp-day"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for getByRole('gridcell', { name: /^5$/ })
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
83 | })
84 |
> 85 | await expect(todayButton).toHaveClass(/rdp-day_selected/)
| ^
86 | await expect(todayButton).toHaveClass(/rdp-day_today/)
87 | await expect(todayButton).toHaveAttribute('aria-selected', 'true')
88 | })
at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/DatePicker/default.spec.ts:85:31
|
Test-e2e_react-component-library (2/3)
Process completed with exit code 1.
|
Test-e2e_react-component-library (1/3)
The job was canceled because "_2_3" failed.
|
[chromium] › DatePicker/default.spec.ts:55:7 › DatePicker:
packages/react-component-library/e2e/DatePicker/default.spec.ts#L85
1) [chromium] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: getByRole('gridcell', { name: /^5$/ })
Expected pattern: /rdp-day_selected/
Received string: "rdp-button_reset rdp-button rdp-day"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for getByRole('gridcell', { name: /^5$/ })
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
83 | })
84 |
> 85 | await expect(todayButton).toHaveClass(/rdp-day_selected/)
| ^
86 | await expect(todayButton).toHaveClass(/rdp-day_today/)
87 | await expect(todayButton).toHaveAttribute('aria-selected', 'true')
88 | })
at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/DatePicker/default.spec.ts:85:31
|
[chromium] › DatePicker/default.spec.ts:55:7 › DatePicker:
packages/react-component-library/e2e/DatePicker/default.spec.ts#L85
1) [chromium] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: getByRole('gridcell', { name: /^5$/ })
Expected pattern: /rdp-day_selected/
Received string: "rdp-button_reset rdp-button rdp-day"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for getByRole('gridcell', { name: /^5$/ })
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
- locator resolved to <button name="day" tabindex="-1" type="button" role="gridcell" class="rdp-button_reset rdp-button rdp-day">5</button>
- unexpected value "rdp-button_reset rdp-button rdp-day"
83 | })
84 |
> 85 | await expect(todayButton).toHaveClass(/rdp-day_selected/)
| ^
86 | await expect(todayButton).toHaveClass(/rdp-day_today/)
87 | await expect(todayButton).toHaveAttribute('aria-selected', 'true')
88 | })
at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/DatePicker/default.spec.ts:85:31
|
[chromium] › forms/empty.spec.ts:112:15 › Form examples:
packages/react-component-library/e2e/forms/empty.spec.ts#L119
2) [chromium] › forms/empty.spec.ts:112:15 › Form examples, empty › Formik › when the form is filled in correctly › and the form is submitted › submits the form values
Error: expect(received).toEqual(expected) // deep equality
- Expected - 2
+ Received + 2
Object {
"description": "Hello, World!",
"email": "[email protected]",
- "exampleAutocomplete": "four",
+ "exampleAutocomplete": null,
"exampleCheckbox": Array [
"Option 2",
],
"exampleDatePicker": "2022-01-31T12:00:00.000Z",
"exampleNumberInput": 1,
"exampleRadio": "Option 1",
"exampleRangeSlider": Array [
- 28,
+ 20,
],
"exampleSelect": "three",
"exampleSwitch": "1",
"password": "password",
}
117 | .textContent()
118 |
> 119 | await expect(JSON.parse(submittedValues as string)).toEqual(
| ^
120 | expectedResult
121 | )
122 | })
at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/empty.spec.ts:119:65
|
Test-e2e_react-component-library (1/3)
The operation was canceled.
|
🎭 Playwright Run Summary
2 skipped
112 passed (58.4s)
|
🎭 Playwright Run Summary
1 failed
[firefox] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
2 skipped
111 passed (1.1m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › DatePicker/default.spec.ts:55:7 › DatePicker, jump to today › jumps to today when button is clicked
1 flaky
[chromium] › forms/empty.spec.ts:112:15 › Form examples, empty › Formik › when the form is filled in correctly › and the form is submitted › submits the form values
112 passed (53.9s)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
dist
|
1.08 MB |
|
playwright-test-results-1
|
4.84 MB |
|
playwright-test-results-2
|
1.97 MB |
|
playwright-test-results-3
|
218 KB |
|
storybook-static
|
36.1 MB |
|
storybook-static-e2e
Expired
|
32.1 MB |
|