Skip to content

feat(DatePicker): Enhance with Year Month selection #3104

feat(DatePicker): Enhance with Year Month selection

feat(DatePicker): Enhance with Year Month selection #3104

Triggered via pull request November 6, 2024 11:05
Status Failure
Total duration 6m 24s
Artifacts 6

build_and_test.yml

on: pull_request
Build_icon_library
1m 39s
Build_icon_library
Lint_react-component-library
1m 21s
Lint_react-component-library
Security_audit
1m 0s
Security_audit
Check_commits
36s
Check_commits
Test_design-tokens
47s
Test_design-tokens
Build_storybook_e2e
1m 13s
Build_storybook_e2e
Build_storybook
1m 43s
Build_storybook
Build_react-component-library
1m 31s
Build_react-component-library
Test_react-component-library
3m 18s
Test_react-component-library
Matrix: Test-e2e_react-component-library
Fit to window
Zoom out
Zoom in

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