Skip to content

build(deps-dev): Bump @testing-library/dom from 9.3.4 to 10.1.0 #4094

build(deps-dev): Bump @testing-library/dom from 9.3.4 to 10.1.0

build(deps-dev): Bump @testing-library/dom from 9.3.4 to 10.1.0 #4094

Triggered via pull request May 13, 2024 05:16
Status Failure
Total duration 2m 43s
Artifacts

build-and-test.yml

on: pull_request
Matrix: build-and-test
Fit to window
Zoom out
Zoom in

Annotations

4 errors and 2 warnings
src/components/forms/ComboBox/ComboBox.test.tsx > ComboBox component > mouse actions > focuses an option on hover: src/components/forms/ComboBox/ComboBox.test.tsx#L1520
Error: expect(element).not.toHaveClass("usa-combo-box__list-option--focused") Expected the element not to have class: usa-combo-box__list-option--focused Received: usa-combo-box__list-option usa-combo-box__list-option--focused ❯ src/components/forms/ComboBox/ComboBox.test.tsx:1520:36
src/components/forms/DatePicker/Calendar.test.tsx > Calendar > focusing on hover > focuses on a date in the current month when hovered over: src/components/forms/DatePicker/Calendar.test.tsx#L129
Error: expect(element).toHaveFocus() Expected element with focus: <button aria-label="13 January 2021 Wednesday" aria-selected="false" class="usa-date-picker__calendar__date usa-date-picker__calendar__date--current-month usa-date-picker__calendar__date--focused" data-day="13" data-month="1" data-testid="select-date" data-value="2021-01-13" data-year="2021" tabindex="0" type="button" > 13 </button> Received element with focus: <button aria-label="20 January 2021 Wednesday" aria-selected="false" class="usa-date-picker__calendar__date usa-date-picker__calendar__date--current-month" data-day="20" data-month="1" data-testid="select-date" data-value="2021-01-20" data-year="2021" tabindex="-1" type="button" > 20 </button> ❯ src/components/forms/DatePicker/Calendar.test.tsx:129:50
src/components/forms/DateRangePicker/DateRangePicker.test.tsx > DateRangePicker component > allows a date range to be selected by using both date pickers to pick start and end dates: src/components/forms/DateRangePicker/DateRangePicker.test.tsx#L292
Error: expect(element).toHaveFocus() Expected element with focus: <input class="usa-input usa-date-picker__external-input" data-testid="date-picker-external-input" id="start-date" type="text" value="01/21/2021" /> Received element with focus: <body> <div> <div class="usa-date-range-picker" data-testid="date-range-picker" > <div class="usa-form-group" data-testid="formGroup" > <div class="usa-date-picker usa-date-picker--initialized usa-date-range-picker__range-start" data-testid="date-picker" > <input aria-hidden="true" class="usa-input usa-sr-only usa-date-picker__internal-input" data-testid="date-picker-internal-input" name="start-date" readonly="" tabindex="-1" type="text" value="2021-01-21" /> <div class="usa-date-picker__wrapper" tabindex="-1" > <input class="usa-input usa-date-picker__external-input" data-testid="date-picker-external-input" id="start-date" type="text" value="01/21/2021" /> <button aria-haspopup="true" aria-label="Toggle calendar" class="usa-date-picker__button" data-testid="date-picker-button" type="button" /> <div class="usa-date-picker__calendar" data-testid="date-picker-calendar" data-value="2021-01-20" hidden="" role="application" style="top: 0px;" /> <div aria-live="polite" class="usa-sr-only usa-date-picker__status" data-testid="date-picker-status" role="status" > January 2021 </div> </div> </div> </div> <div class="usa-form-group" data-testid="formGroup" > <div class="usa-date-picker usa-date-picker--initialized usa-date-range-picker__range-end" data-testid="date-picker" > <input aria-hidden="true" class="usa-input usa-sr-only usa-date-picker__internal-input" data-testid="date-picker-internal-input" name="end-date" readonly="" tabindex="-1" type="text" value="2021-01-25" /> <div class="usa-date-picker__wrapper" tabindex="-1" > <input class="usa-input usa-date-picker__external-input" data-testid="date-picker-external-input" id="end-date" type="text" value="01/25/2021" /> <button aria-haspopup="true" aria-label="Toggle calendar" class="usa-date-picker__button" data-testid="date-picker-button" type="button" /> <div class="usa-date-picker__calendar" data-testid="date-picker-calendar" hidden="" role="application" style="top: 0px;" /> <div aria-live="polite" class="usa-sr-only usa-date-picker__status" data-testid="date-picker-status" role="status" /> </div> </div> </div> </div> </div> </body> ❯ src/components/forms/DateRangePicker/DateRangePicker.test.tsx:292:42
Node 18 tests
Process completed with exit code 1.
Node 18 tests
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
run-checks
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.