Migrate other form field components #53
kydeckerAnnotations
2 errors
|
Unit Test
Process completed with exit code 1.
|
|
src/components/react/forms/AddressField/AddressField.test.tsx > AddressField > shows county selection when includeCounty is true and state is selected:
src/components/react/forms/AddressField/AddressField.test.tsx#L140
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "County"
Here are the accessible roles:
log:
Name "":
<div
aria-live="assertive"
aria-relevant="additions"
role="log"
/>
Name "":
<div
aria-live="polite"
aria-relevant="additions"
role="log"
/>
--------------------------------------------------textbox:
Name "Street address":
<input
aria-labelledby="react-aria-_r_bc_"
autocomplete="street-address"
class="react-aria-Input"
data-rac=""
id="react-aria-_r_bb_"
maxlength="40"
name="residenceStreetAddress"
tabindex="0"
title=""
type="text"
value=""
/>
Name "City":
<input
aria-labelledby="react-aria-_r_bh_"
autocomplete="address-level2"
class="react-aria-Input"
data-rac=""
id="react-aria-_r_bg_"
maxlength="40"
name="residenceCity"
tabindex="0"
title=""
type="text"
value=""
/>
Name "ZIP":
<input
aria-labelledby="react-aria-_r_c2_"
autocomplete="postal-code"
class="react-aria-Input"
data-rac=""
id="react-aria-_r_c1_"
maxlength="10"
name="residenceZipCode"
tabindex="0"
title=""
type="text"
value=""
/>
--------------------------------------------------
combobox:
Name "State":
<input
aria-autocomplete="list"
aria-expanded="false"
aria-labelledby="react-aria-_r_bp_"
autocomplete="address-level1"
autocorrect="off"
class="react-aria-Input"
data-focused="true"
data-rac=""
id="react-aria-_r_bo_"
name="residenceState"
placeholder="Select state"
role="combobox"
spellcheck="false"
tabindex="0"
title=""
type="text"
value="California"
/>
--------------------------------------------------
button:
Name "Show suggestions State":
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Show suggestions"
aria-labelledby="react-aria-_r_bl_ react-aria-_r_bp_"
class="namesake-field-button"
data-rac=""
data-react-aria-pressable="true"
id="react-aria-_r_bl_"
tabindex="-1"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
data-live-announcer="true"
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<div
aria-live="assertive"
aria-relevant="additions"
role="log"
>
<div>
56 options available.
</div>
<div>
56 options available.
</div>
</div>
<div
aria-live="polite"
aria-relevant="additions"
role="log"
/>
</div>
<div>
<div
class="namesake-address-field"
>
<div
class="namesake-text-field"
data-rac=""
>
<label
class="react-aria-Label"
for="react-aria-_r_bb_"
id="react-aria-_r_bc_"
>
Street address
</label>
<input
aria-labelledby="react-aria-_r_bc_"
autocomplete="street-address"
class="react-aria-Input"
data-rac=""
id="react-aria-_r_bb_"
maxlength="40"
name="residenceStreetAddress"
tabindex="0"
title=""
type="text"
value=""
/>
</div>
<div
class="namesake-text-field"
data-rac=""
>
<label
class="react-aria-Label"
for="react-aria-_r_bg_"
id="react-aria-_r_bh_"
>
City
</label>
<input
aria-labelledby="react-aria-_r_bh_"
autocomplete="address-level2"
class="react-aria-Input"
data-rac=""
id="react-aria-_r_bg_"
maxlength="40"
name="residenceCity"
tabindex="0"
title=""
type="text"
value=""
/>
</div>
<template
data-react-aria-hidden="true
|