POC: [M3-8978] - Mobile native selects #23956
abailly-akamaici.yml
on: pull_request
test-manager
18m 0s
test-utilities
39s
test-queries
22s
typecheck-ui
35s
typecheck-utilities
26s
typecheck-queries
29s
typecheck-manager
1m 22s
publish-packages
0s
publish-storybook
0s
Annotations
10 errors
|
src/components/RegionSelect/RegionSelect.test.tsx > RegionSelect > should render a Select component:
packages/manager/src/components/RegionSelect/RegionSelect.test.tsx#L30
TestingLibraryElementError: Unable to find an element by: [data-testid="region-select"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiBox-root css-nyclbj-RegionSelect"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiNativeSelect-root css-hy889w-MuiInputBase-root-MuiInput-root"
>
<select
aria-invalid="false"
class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-11snwuo-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
placeholder="Select a Region"
>
<option
value=""
>
Select a Region
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-1ef12wv-MuiSvgIcon-root-MuiNativeSelect-icon"
data-testid="ArrowDropDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByTestId ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/RegionSelect/RegionSelect.test.tsx:30:12
|
|
src/components/RegionSelect/RegionSelect.test.tsx > RegionSelect > should render a Select component with the correct label:
packages/manager/src/components/RegionSelect/RegionSelect.test.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: Region. 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="MuiBox-root css-nyclbj-RegionSelect"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiNativeSelect-root css-hy889w-MuiInputBase-root-MuiInput-root"
>
<select
aria-invalid="false"
class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-11snwuo-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
placeholder="Select a Region"
>
<option
value=""
>
Select a Region
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-1ef12wv-MuiSvgIcon-root-MuiNativeSelect-icon"
data-testid="ArrowDropDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByText ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/RegionSelect/RegionSelect.test.tsx:37:12
|
|
src/components/RegionSelect/RegionSelect.test.tsx > RegionSelect > should render a Select component with the correct helper text:
packages/manager/src/components/RegionSelect/RegionSelect.test.tsx#L44
TestingLibraryElementError: Unable to find an element with the text: helper text. 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="MuiBox-root css-nyclbj-RegionSelect"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiNativeSelect-root css-hy889w-MuiInputBase-root-MuiInput-root"
>
<select
aria-invalid="false"
class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-11snwuo-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
placeholder="Select a Region"
>
<option
value=""
>
Select a Region
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-1ef12wv-MuiSvgIcon-root-MuiNativeSelect-icon"
data-testid="ArrowDropDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByText ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/RegionSelect/RegionSelect.test.tsx:44:12
|
|
src/components/RegionSelect/RegionSelect.test.tsx > RegionSelect > should render a Select component with the correct required text:
packages/manager/src/components/RegionSelect/RegionSelect.test.tsx#L58
TestingLibraryElementError: Unable to find an element by: [data-testid="textfield-input"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiBox-root css-nyclbj-RegionSelect"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiNativeSelect-root css-hy889w-MuiInputBase-root-MuiInput-root"
required=""
>
<select
aria-invalid="false"
class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-11snwuo-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
placeholder="Select a Region"
required=""
>
<option
value=""
>
Select a Region
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-1ef12wv-MuiSvgIcon-root-MuiNativeSelect-icon"
data-testid="ArrowDropDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByTestId ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/RegionSelect/RegionSelect.test.tsx:58:12
|
|
src/components/RegionSelect/RegionSelect.test.tsx > RegionSelect > should render a Select component with the correct disabled state:
packages/manager/src/components/RegionSelect/RegionSelect.test.tsx#L65
TestingLibraryElementError: Unable to find an element by: [data-testid="textfield-input"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiBox-root css-nyclbj-RegionSelect"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiNativeSelect-root css-hy889w-MuiInputBase-root-MuiInput-root"
>
<select
aria-invalid="false"
class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-11snwuo-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
placeholder="Select a Region"
>
<option
value=""
>
Select a Region
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-1ef12wv-MuiSvgIcon-root-MuiNativeSelect-icon"
data-testid="ArrowDropDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByTestId ../../node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/RegionSelect/RegionSelect.test.tsx:65:12
|
|
src/features/NodeBalancers/NodeBalancerCreate.test.tsx > NodeBalancerCreate > renders all parts of the NodeBalancerCreate page:
packages/manager/src/features/NodeBalancers/NodeBalancerCreate.test.tsx#L17
TestingLibraryElementError: Unable to find a label with the text of: Region
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row css-6xgc3r-MuiGrid2-root"
data-qa-entity-header="true"
>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<div
class="css-13hlpjo-StyledRootDiv"
data-qa-create-nodebalancer-header="true"
>
<div
class="css-1ngldn4-StyledDiv"
>
<div
class="css-1ls2ac2-StyledDiv"
>
<a
data-qa-link="true"
href="/nodebalancers"
>
<p
class="MuiTypography-root MuiTypography-body1 css-e420ls-MuiTypography-root-StyledTypography"
data-qa-link-text="true"
data-testid="link-text"
>
NodeBalancers
</p>
</a>
<p
class="MuiTypography-root MuiTypography-body1 css-1x5emdx-MuiTypography-root-StyledSlashTypography"
>
/
</p>
</div>
<div
class="css-67xfb3-StyledDiv"
>
<h1
class="MuiTypography-root MuiTypography-h1 css-r38cn6-MuiTypography-root-StyledH1Header"
data-qa-header="Create"
tabindex="0"
>
Create
</h1>
</div>
</div>
</div>
</div>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-sfmo6x-MuiGrid2-root"
/>
</div>
</div>
<div
class="MuiStack-root css-1sazv7p-MuiStack-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-1ywgvf-MuiPaper-root"
data-qa-paper="true"
style="--Paper-shadow: none;"
>
<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="NodeBalancer Label"
for="nodebalancer-label"
>
NodeBalancer Label
</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 MuiInputBase-formControl css-1j0actw-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiInput-input css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id="nodebalancer-label"
type="text"
value=""
/>
</div>
</div>
</div>
</div>
<div
class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-jts8tp-MuiAutocomplete-root"
data-qa-autocomplete="Add Tags"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-15ybjgl"
data-testid="inputLabelWrapper"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-6s
|
|
src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx > PlacementGroupsCreateDrawer > should render and have its fields enabled:
packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx#L40
TestingLibraryElementError: Unable to find a label with the text of: Region
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
aria-labelledby="createPlacementGroup"
class="MuiDrawer-root MuiDrawer-anchorRight MuiDrawer-modal MuiModal-root css-ib4v7e-MuiModal-root-MuiDrawer-root"
data-qa-drawer="true"
data-testid="drawer"
role="dialog"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiModal-backdrop css-13p9j1f-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation16 MuiDrawer-paper MuiDrawer-paperAnchorRight css-vmxdd8-MuiPaper-root-MuiDrawer-paper"
style="--Paper-shadow: none;"
tabindex="-1"
>
<div
class="MuiGrid2-root MuiGrid2-container MuiGrid2-wrap-xs-nowrap MuiGrid2-direction-xs-row css-7obkor-MuiGrid2-root"
>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<h2
class="MuiTypography-root MuiTypography-h2 css-1ivmso3-MuiTypography-root"
data-qa-drawer-title="Create Placement Group"
data-testid="drawer-title"
id="createPlacementGroup"
>
Create Placement Group
</h2>
</div>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<button
aria-label="Close drawer"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeLarge css-rnttvw-MuiButtonBase-root-MuiIconButton-root"
data-qa-close-drawer="true"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-19bdjyp-MuiSvgIcon-root"
data-testid="CloseIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</button>
</div>
</div>
<form>
<div
class="MuiStack-root css-jfdv4h-MuiStack-root"
>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-g3b5t0-MuiDivider-root-StyledDivider"
hidden=""
/>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-15ybjgl"
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="Label"
for="label"
>
Label
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
aria-label="Label for the Placement Group"
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 css-1j0actw-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiInput-input css-qjh6k-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id="label"
|
|
src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx > PlacementGroupsCreateDrawer > should call the mutation when the form is submitted:
packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx#L99
TestingLibraryElementError: Unable to find an element with the text: US, Newark, NJ (us-east). 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
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
aria-labelledby="createPlacementGroup"
class="MuiDrawer-root MuiDrawer-anchorRight MuiDrawer-modal MuiModal-root css-ib4v7e-MuiModal-root-MuiDrawer-root"
data-qa-drawer="true"
data-testid="drawer"
role="dialog"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiModal-backdrop css-13p9j1f-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation16 MuiDrawer-paper MuiDrawer-paperAnchorRight css-vmxdd8-MuiPaper-root-MuiDrawer-paper"
style="--Paper-shadow: none;"
tabindex="-1"
>
<div
class="MuiGrid2-root MuiGrid2-container MuiGrid2-wrap-xs-nowrap MuiGrid2-direction-xs-row css-7obkor-MuiGrid2-root"
>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<h2
class="MuiTypography-root MuiTypography-h2 css-1ivmso3-MuiTypography-root"
data-qa-drawer-title="Create Placement Group"
data-testid="drawer-title"
id="createPlacementGroup"
>
Create Placement Group
</h2>
</div>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<button
aria-label="Close drawer"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeLarge css-rnttvw-MuiButtonBase-root-MuiIconButton-root"
data-qa-close-drawer="true"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-19bdjyp-MuiSvgIcon-root"
data-testid="CloseIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</button>
</div>
</div>
<form>
<div
class="MuiStack-root css-jfdv4h-MuiStack-root"
>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-g3b5t0-MuiDivider-root-StyledDivider"
hidden=""
/>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-15ybjgl"
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="Label"
for="label"
>
Label
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
aria-label="Label for the Placement Group"
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 css-1j0actw-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
|
|
src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx > PlacementGroupsCreateDrawer > should display an error message if the region has reached capacity:
packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.test.tsx#L132
TestingLibraryElementError: Unable to find an element with the text: US, Fremont, CA (us-west). 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
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
aria-labelledby="createPlacementGroup"
class="MuiDrawer-root MuiDrawer-anchorRight MuiDrawer-modal MuiModal-root css-ib4v7e-MuiModal-root-MuiDrawer-root"
data-qa-drawer="true"
data-testid="drawer"
role="dialog"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiModal-backdrop css-13p9j1f-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation16 MuiDrawer-paper MuiDrawer-paperAnchorRight css-vmxdd8-MuiPaper-root-MuiDrawer-paper"
style="--Paper-shadow: none;"
tabindex="-1"
>
<div
class="MuiGrid2-root MuiGrid2-container MuiGrid2-wrap-xs-nowrap MuiGrid2-direction-xs-row css-7obkor-MuiGrid2-root"
>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<h2
class="MuiTypography-root MuiTypography-h2 css-1ivmso3-MuiTypography-root"
data-qa-drawer-title="Create Placement Group"
data-testid="drawer-title"
id="createPlacementGroup"
>
Create Placement Group
</h2>
</div>
<div
class="MuiGrid2-root MuiGrid2-direction-xs-row css-1fzlhpv-MuiGrid2-root"
>
<button
aria-label="Close drawer"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeLarge css-rnttvw-MuiButtonBase-root-MuiIconButton-root"
data-qa-close-drawer="true"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-19bdjyp-MuiSvgIcon-root"
data-testid="CloseIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</button>
</div>
</div>
<form>
<div
class="MuiStack-root css-jfdv4h-MuiStack-root"
>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-g3b5t0-MuiDivider-root-StyledDivider"
hidden=""
/>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-15ybjgl"
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="Label"
for="label"
>
Label
</label>
</div>
<div
class="MuiBox-root css-0"
>
<div
aria-label="Label for the Placement Group"
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 css-1j0actw-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
|
|
src/features/Account/Quotas/Quotas.test.tsx > Quotas > shows a global option for regions:
packages/manager/src/features/Account/Quotas/Quotas.test.tsx#L141
TestingLibraryElementError: Unable to find role="option" and name "Global (Account level) (global)"
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-1cq16vh-MuiPaper-root"
data-qa-paper="true"
>
<div
class="MuiStack-root css-nen11g-MuiStack-root"
>
<div
class="MuiStack-root css-jfdv4h-MuiStack-root"
>
<div
class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-9b0a7f-MuiAutocomplete-root"
data-qa-autocomplete="Select a Service"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiBox-root css-15ybjgl"
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="Select a Service"
for=":rv:"
>
Select a Service
</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 MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-12kti1u-MuiInputBase-root-MuiInput-root"
>
<input
aria-autocomplete="list"
aria-expanded="false"
aria-invalid="false"
autocapitalize="none"
autocomplete="off"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-4ws1ds-MuiInputBase-input-MuiInput-input"
data-testid="textfield-input"
id=":rv:"
placeholder="Select a service"
readonly=""
role="combobox"
spellcheck="false"
type="text"
value="Linodes"
/>
<div
class="MuiAutocomplete-endAdornment css-1ub2kc6-MuiAutocomplete-endAdornment"
>
<button
aria-label="Open"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge MuiAutocomplete-popupIndicator css-tmbjmf-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator"
tabindex="-1"
title="Open"
type="button"
>
<svg
data-testid="KeyboardArrowDownIcon"
fill="none"
height="20"
viewBox="0 0 20 20"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.4096 6.9096C4.73569 6.58352 5.26439 6.58352 5.59047 6.9096L10 11.3192L14.4096 6.9096C14.7357 6.58352 15.2644 6.58352 15.5905 6.9096C15.9166 7.23569 15.9166 7.76439 15.5905 8.09047L10.5905 13.0905C10.2644 13.4166 9.73569 13.4166 9.40961 13.0905L4.4096 8.09047C4.08352 7.76439 4.08352 7.23569 4.4096 6.9096Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
packages-api-v4-lib
Expired
|
360 KB |
sha256:cfe3625d4564ed77cddd8a16a59c87baac38a6fab67ac660f47b0b7f650b409a
|
|
|
packages-validation-lib
Expired
|
136 KB |
sha256:7694734832ba059fe9aa38b7855f79a9d7436bfff33c2807b899d49fbe3d6629
|
|
|
storybook-build
Expired
|
12.1 MB |
sha256:531e36f5892bfb868761918fdc758e5878908afdc7c7a62b15fa8f46514f9476
|
|