test: upgrade testing library packages #4042
Annotations
4 errors
|
|
|
Run Unit Tests:
src/components/DateRangePicker/DateRangePicker.test.tsx#L15
TestingLibraryElementError: Found multiple elements with the text of: Choose Friday, March 12th, 2021
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-disabled="false"
aria-label="Choose Friday, March 12th, 2021"
aria-selected="false"
class="react-datepicker__day react-datepicker__day--012"
role="option"
tabindex="-1"
title=""
>
12
</div>
Ignored nodes: comments, script, style
<div
aria-disabled="false"
aria-label="Choose Friday, March 12th, 2021"
aria-selected="false"
class="react-datepicker__day react-datepicker__day--012"
role="option"
tabindex="-1"
title=""
>
12
</div>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="BaseDateRangePicker__StyledDatePicker-sc-3wou6m-0 fhXIBW ssc-ds-component"
>
<div
class="Inline-sc-fj42mf-0 ektxWt ssc-ds-layout"
>
<div
class="SingleDatePicker__StyledDatePicker-sc-1fld0xz-0 fWPEfJ ssc-ds-component"
>
<div
class="react-datepicker-wrapper"
>
<div
class="react-datepicker__input-container react-datepicker__view-calendar-icon"
>
<div
class="Icon__IconBox-sc-1eab7dk-0 igryuu sscds-iconbox"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-calendar Icon__StyledIcon-sc-1eab7dk-1 dbgOgd ssc-ds-component react-datepicker__calendar-icon undefined react-datepicker-ignore-onclickoutside"
data-icon="calendar"
data-prefix="ssc"
focusable="false"
role="img"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"
fill="currentColor"
/>
</svg>
</div>
<input
class="DateRangePicker-input react-datepicker-ignore-onclickoutside"
placeholder="Start date"
type="text"
value=""
/>
</div>
</div>
<div
class="react-datepicker__tab-loop"
>
<div
class="react-datepicker__tab-loop__start"
tabindex="0"
/>
<div
class="react-datepicker-popper"
data-placement="bottom-start"
style="position: absolute; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 10px);"
>
<div
style="display: contents;"
>
<div
class="react-datepicker DateRangePicker-calendar"
>
<div
class="react-datepicker__triangle"
style="position: absolute; left: 0px; transform: translate(0px, 0px);"
/>
<span
aria-live="polite"
class="react-datepicker__aria-live"
role="alert"
/>
<div
class="react-datepicker__month-container"
>
<div
class="react-datepicker__header react-datepicker__header--custom"
>
<div
class="Inline-sc-fj42mf-0 iMHQlW ssc-ds-layout"
style="margin-block-end: var(--sscds-space-4x);"
>
<button
|
|
Run Unit Tests:
src/components/DateRangePicker/DateRangePicker.test.tsx#L15
TestingLibraryElementError: Found multiple elements with the text of: Choose Friday, March 12th, 2021
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-disabled="false"
aria-label="Choose Friday, March 12th, 2021"
aria-selected="false"
class="react-datepicker__day react-datepicker__day--012"
role="option"
tabindex="-1"
title=""
>
12
</div>
Ignored nodes: comments, script, style
<div
aria-disabled="false"
aria-label="Choose Friday, March 12th, 2021"
aria-selected="false"
class="react-datepicker__day react-datepicker__day--012"
role="option"
tabindex="-1"
title=""
>
12
</div>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="BaseDateRangePicker__StyledDatePicker-sc-3wou6m-0 fhXIBW ssc-ds-component"
>
<div
class="Inline-sc-fj42mf-0 ektxWt ssc-ds-layout"
>
<div
class="SingleDatePicker__StyledDatePicker-sc-1fld0xz-0 fWPEfJ ssc-ds-component"
>
<div
class="react-datepicker-wrapper"
>
<div
class="react-datepicker__input-container react-datepicker__view-calendar-icon"
>
<div
class="Icon__IconBox-sc-1eab7dk-0 igryuu sscds-iconbox"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-calendar Icon__StyledIcon-sc-1eab7dk-1 dbgOgd ssc-ds-component react-datepicker__calendar-icon undefined react-datepicker-ignore-onclickoutside"
data-icon="calendar"
data-prefix="ssc"
focusable="false"
role="img"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"
fill="currentColor"
/>
</svg>
</div>
<input
class="DateRangePicker-input react-datepicker-ignore-onclickoutside"
placeholder="Start date"
type="text"
value=""
/>
</div>
</div>
<div
class="react-datepicker__tab-loop"
>
<div
class="react-datepicker__tab-loop__start"
tabindex="0"
/>
<div
class="react-datepicker-popper"
data-placement="bottom-start"
style="position: absolute; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 10px);"
>
<div
style="display: contents;"
>
<div
class="react-datepicker DateRangePicker-calendar"
>
<div
class="react-datepicker__triangle"
style="position: absolute; left: 0px; transform: translate(0px, 0px);"
/>
<span
aria-live="polite"
class="react-datepicker__aria-live"
role="alert"
/>
<div
class="react-datepicker__month-container"
>
<div
class="react-datepicker__header react-datepicker__header--custom"
>
<div
class="Inline-sc-fj42mf-0 iMHQlW ssc-ds-layout"
style="margin-block-end: var(--sscds-space-4x);"
>
<button
|
|
Run Unit Tests
The operation was canceled.
|
Loading