Migrate other form field components #52
kydeckerAnnotations
6 errors
|
Unit Test
Process completed with exit code 1.
|
|
src/components/react/forms/RadioGroupField/RadioGroupField.test.tsx > RadioGroupField > displays guidance for radio groups:
src/components/react/forms/RadioGroupField/RadioGroupField.test.tsx#L55
TestingLibraryElementError: Unable to find an element with the text: Select one:. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="namesake-radio-group-field"
>
<div
aria-labelledby="react-aria-_r_d_"
aria-orientation="vertical"
class="namesake-radio-group"
data-orientation="vertical"
data-rac=""
id="react-aria-_r_c_"
role="radiogroup"
>
<span
class="react-aria-Label"
id="react-aria-_r_d_"
>
Test Label
</span>
<div
class="radio-items"
>
<label
class="namesake-radio"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="pronouns"
tabindex="-1"
title=""
type="radio"
value="option1"
/>
</span>
Option 1
</label>
<label
class="namesake-radio"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="pronouns"
tabindex="-1"
title=""
type="radio"
value="option2"
/>
</span>
Option 2
</label>
<label
class="namesake-radio"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="pronouns"
tabindex="-1"
title=""
type="radio"
value="option3"
/>
</span>
Option 3
</label>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/react/forms/RadioGroupField/RadioGroupField.test.tsx:55:29
|
|
src/components/react/forms/CheckboxGroupField/CheckboxGroupField.test.tsx > CheckboxGroupField > displays guidance for checkbox groups:
src/components/react/forms/CheckboxGroupField/CheckboxGroupField.test.tsx#L52
TestingLibraryElementError: Unable to find an element with the text: Select all that apply:. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="namesake-checkbox-group-field"
>
<div
aria-labelledby="react-aria-_r_b_"
class="namesake-checkbox-group"
data-rac=""
id="react-aria-_r_a_"
role="group"
>
<span
class="react-aria-Label"
id="react-aria-_r_b_"
>
Test Label
</span>
<div
class="checkbox-items"
>
<label
class="namesake-checkbox"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="reasonForChangingName"
tabindex="0"
title=""
type="checkbox"
value="option1"
/>
</span>
<div
class="checkbox"
>
<svg
aria-hidden="true"
viewBox="0 0 18 18"
>
<polyline
points="1 9 7 14 15 4"
/>
</svg>
</div>
Option 1
</label>
<label
class="namesake-checkbox"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="reasonForChangingName"
tabindex="0"
title=""
type="checkbox"
value="option2"
/>
</span>
<div
class="checkbox"
>
<svg
aria-hidden="true"
viewBox="0 0 18 18"
>
<polyline
points="1 9 7 14 15 4"
/>
</svg>
</div>
Option 2
</label>
<label
class="namesake-checkbox"
data-rac=""
data-react-aria-pressable="true"
>
<span
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<input
data-react-aria-pressable="true"
name="reasonForChangingName"
tabindex="0"
title=""
type="checkbox"
value="option3"
/>
</span>
<div
class="checkbox"
>
<svg
aria-hidden="true"
viewBox="0 0 18 18"
>
<polyline
points="1 9 7 14 15 4"
/>
</svg>
</div>
Option 3
</label>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/rea
|
|
src/components/react/forms/AddressField/AddressField.test.tsx > AddressField > renders the correct name for county field based on address type:
src/components/react/forms/AddressField/AddressField.test.tsx#L210
Error: expect(element).toHaveAttribute("name", "residenceCounty") // element.getAttribute("name") === "residenceCounty"
Expected the element to have attribute:
name="residenceCounty"
Received:
null
❯ src/components/react/forms/AddressField/AddressField.test.tsx:210:26
|
|
src/components/react/forms/AddressField/AddressField.test.tsx > AddressField > renders the correct names for the mailing type:
src/components/react/forms/AddressField/AddressField.test.tsx#L113
Error: expect(element).toHaveAttribute("name", "mailingState") // element.getAttribute("name") === "mailingState"
Expected the element to have attribute:
name="mailingState"
Received:
null
❯ src/components/react/forms/AddressField/AddressField.test.tsx:113:25
|
|
src/components/react/forms/AddressField/AddressField.test.tsx > AddressField > renders the correct names for the residence type:
src/components/react/forms/AddressField/AddressField.test.tsx#L97
Error: expect(element).toHaveAttribute("name", "residenceState") // element.getAttribute("name") === "residenceState"
Expected the element to have attribute:
name="residenceState"
Received:
null
❯ src/components/react/forms/AddressField/AddressField.test.tsx:97:25
|