refactor: [M3 9428] - Akamai Design System: TextField Component #24187
cpathipaci.yml
on: pull_request
test-manager
18m 26s
test-utilities
35s
test-queries
20s
typecheck-ui
31s
typecheck-utilities
24s
typecheck-queries
22s
typecheck-manager
1m 18s
publish-packages
0s
publish-storybook
0s
Annotations
10 errors
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should render resources happy path:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L63
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":r4:-option-0"
aria-autocomplete="list"
aria-controls=":r4:-listbox"
aria-describedby=":r4:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":r4:"
placeholder="Select Resources"
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":r4:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":r4:-listbox"
role="listbox"
>
<li
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem Mui-focused"
data-option-index="0"
data-qa-option="true"
id=":r4:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":r4:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-3
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":r4:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-4
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Resources"
data-testid="resource-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-MuiFormLabel-root-MuiInputLabel-root"
data-qa-textfield-label="Resources"
for=":r4:"
id=":r4:-label"
>
Resources
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-18cs7tx-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15q4sxa-MuiInputBase-root-MuiInput-root"
>
<input
|
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should be able to select all resources if resource selection limit is higher than number of resources:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L92
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":r8:-option-0"
aria-autocomplete="list"
aria-controls=":r8:-listbox"
aria-describedby=":r8:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":r8:"
placeholder=""
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":r8:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":r8:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem"
data-option-index="0"
data-qa-option="true"
id=":r8:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Deselect All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":r8:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-5
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":r8:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-6
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Resources"
data-testid="resource-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-MuiFormLabel-root-MuiInputLabel-root"
data-qa-textfield-label="Resources"
for=":r8:"
id=":r8:-label"
>
Resources
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-18cs7tx-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedStart Mui
|
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should be able to deselect the selected resources:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L123
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":rd:-option-0"
aria-autocomplete="list"
aria-controls=":rd:-listbox"
aria-describedby=":rd:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":rd:"
placeholder="Select Resources"
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":rd:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":rd:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem"
data-option-index="0"
data-qa-option="true"
id=":rd:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":rd:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-7
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":rd:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-8
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Resources"
data-testid="resource-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-MuiFormLabel-root-MuiInputLabel-root"
data-qa-textfield-label="Resources"
for=":rd:"
id=":rd:-label"
>
Resources
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-18cs7tx-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-15q4sxa-MuiInputBase-
|
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should select multiple resources:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L154
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":ri:-option-0"
aria-autocomplete="list"
aria-controls=":ri:-listbox"
aria-describedby=":ri:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":ri:"
placeholder=""
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":ri:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":ri:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem Mui-focused"
data-option-index="0"
data-qa-option="true"
id=":ri:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":ri:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-9
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":ri:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-10
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="3"
data-qa-option="true"
id=":ri:-option-3"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-11
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Resources"
data-testid="resource-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-
|
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should be able to select limited resources and select/deselect all will not be available if resource are more than max resource selection limit:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L278
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":r18:-option-0"
aria-autocomplete="list"
aria-controls=":r18:-listbox"
aria-describedby=":r18:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":r18:"
placeholder="Select Resources"
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":r18:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":r18:-listbox"
role="listbox"
>
<li
aria-selected="false"
class="MuiAutocomplete-option Mui-focused"
data-option-index="0"
data-qa-option="true"
id=":r18:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-14
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":r18:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-15
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":r18:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-16
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="3"
data-qa-option="true"
id=":r18:-option-3"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-17
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="4"
data-qa-option="true"
id=":r18:-option-4"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-18
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="5"
data-qa-option="true"
id=":r18:-option-5"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-19
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSv
|
|
src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx > CloudPulseResourcesSelect component tests > should be able to select all and deselect all the resources when number of resources are equal to resource limit:
packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.test.tsx#L325
TestingLibraryElementError: Found multiple elements with the text of: Resources
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":r1c:-option-0"
aria-autocomplete="list"
aria-controls=":r1c:-listbox"
aria-describedby=":r1c:-helper-text"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":r1c:"
placeholder="Select Resources"
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":r1c:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":r1c:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem"
data-option-index="0"
data-qa-option="true"
id=":r1c:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":r1c:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-26
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":r1c:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-27
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="3"
data-qa-option="true"
id=":r1c:-option-3"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-28
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="4"
data-qa-option="true"
id=":r1c:-option-4"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
linode-29
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="5"
data-qa-option="true"
id=":r1c:-option-5"
role="optio
|
|
src/features/CloudPulse/shared/CloudPulseTagsFilter.test.tsx > CloudPulseTagsSelect component tests > should select multiple tags from the tags filtered based on the selected region:
packages/manager/src/features/CloudPulse/shared/CloudPulseTagsFilter.test.tsx#L118
TestingLibraryElementError: Found multiple elements with the text of: Tags (optional)
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":rg:-option-2"
aria-autocomplete="list"
aria-controls=":rg:-listbox"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":rg:"
placeholder=""
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":rg:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":rg:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem"
data-option-index="0"
data-qa-option="true"
id=":rg:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":rg:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
tag-2
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option Mui-focused"
data-option-index="2"
data-qa-option="true"
id=":rg:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
tag-3
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="3"
data-qa-option="true"
id=":rg:-option-3"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
tag-4
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Tags"
data-testid="tags-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-MuiFormLabel-root-MuiInputLabel-root"
da
|
|
src/features/CloudPulse/shared/CloudPulseTagsFilter.test.tsx > CloudPulseTagsSelect component tests > should be able to deselect the selected tags:
packages/manager/src/features/CloudPulse/shared/CloudPulseTagsFilter.test.tsx#L152
TestingLibraryElementError: Found multiple elements with the text of: Tags (optional)
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":rl:-option-0"
aria-autocomplete="list"
aria-controls=":rl:-listbox"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":rl:"
placeholder="Select Tags"
role="combobox"
spellcheck="false"
type="text"
value=""
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":rl:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":rl:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option css-ed0ovc-StyledListItem"
data-option-index="0"
data-qa-option="true"
id=":rl:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Select All
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":rl:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
tag-2
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="2"
data-qa-option="true"
id=":rl:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
tag-3
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Tags"
data-testid="tags-select"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6sg3oi-MuiFormLabel-root-MuiInputLabel-root"
data-qa-textfield-label="Tags"
for=":rl:"
id=":rl:-label"
>
Tags
<span
class="MuiBox-root css-png06w"
>
(optional)
</span>
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-18cs7tx-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl
|
|
src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.test.tsx > BillingActivityPanel > should filter by item type:
packages/manager/src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.test.tsx#L89
TestingLibraryElementError: Found multiple elements with the text of: Transaction Types
Here are the matching elements:
Ignored nodes: comments, script, style
<input
aria-activedescendant=":rk:-option-2"
aria-autocomplete="list"
aria-controls=":rk:-listbox"
aria-expanded="true"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":rk:"
placeholder="Select an option"
role="combobox"
spellcheck="false"
type="text"
value="All Transaction Types"
/>
Ignored nodes: comments, script, style
<ul
aria-labelledby=":rk:-label"
class="MuiAutocomplete-listbox css-1wi8j2e-MuiAutocomplete-listbox"
id=":rk:-listbox"
role="listbox"
>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="0"
data-qa-option="true"
id=":rk:-option-0"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Invoices
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="false"
class="MuiAutocomplete-option"
data-option-index="1"
data-qa-option="true"
id=":rk:-option-1"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
Payments
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2ls0z3-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
<li
aria-disabled="false"
aria-selected="true"
class="MuiAutocomplete-option Mui-focused"
data-option-index="2"
data-qa-option="true"
id=":rk:-option-2"
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-i9gxme"
>
All Transaction Types
</div>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1yut3yg-MuiSvgIcon-root-SelectedIcon"
data-testid="DoneIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
/>
</svg>
</li>
</ul>
(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="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-12 css-1j0u08r-MuiGrid2-root"
data-qa-billing-activity-panel="true"
>
<div
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-1gqr8t9-MuiPaper-root"
>
<div
class="css-mxo65c-BillingAndPaymentHistoryHeader-root-headerContainer"
>
<div>
<h2
class="MuiTypography-root MuiTypography-h2 css-11ngsk4-MuiTypography-root"
>
Billing & Payment History
</h2>
</div>
<div
class="css-bnn0jy-headerRight"
>
<div
class="MuiAutocomplete-root Mui-expanded MuiAutocomplete-hasPopupIcon css-h5qjoo-MuiAutocomplete-root-transactionType"
data-qa-autocomplete="Transaction Types"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-hpde30"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-c
|
|
test-manager
Process completed with exit code 1.
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
packages-api-v4-lib
|
360 KB |
sha256:a8c21bc70ae0f82eacd012ae7c6a63711f65eb9e5ed0e5fe65c29385a9d8b0e1
|
|
|
packages-validation-lib
|
136 KB |
sha256:b4795e8383158bea91edd90de1e8cc2c2c2045ae78ea13c00adfbdf78ef63804
|
|
|
storybook-build
|
12.2 MB |
sha256:d06e4c570d9d3329c30adf26fbcaf8b60eed8264abd4183a370658101fd72fb7
|
|