feat: EnumControl
#382
tests.yaml
on: pull_request
cache-and-install-deps-and-run-tests
1m 5s
Annotations
4 errors and 1 warning
src/controls/EnumControl.test.tsx > renders the enum component as radio optionType:
src/controls/EnumControl.test.tsx#L20
TestingLibraryElementError: Unable to find an accessible element with the role "radio"
Here are the accessible roles:
button:
Name "Submit":
<button
class="ant-btn css-dev-only-do-not-override-1rqnfsa ant-btn-primary"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<form
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div />
<div
class="ant-form-item css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-row ant-form-item-row css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-col ant-form-item-label css-dev-only-do-not-override-1rqnfsa"
>
<label
class=""
for="psi"
title="Approximate PSI"
>
Approximate PSI
</label>
</div>
<div
class="ant-col ant-form-item-control css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
class="ant-col ant-col-18 css-dev-only-do-not-override-1rqnfsa"
id="psi"
>
<div
class="ant-radio-group ant-radio-group-solid css-dev-only-do-not-override-1rqnfsa"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-form-item css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-row ant-form-item-row css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-col ant-form-item-control css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn css-dev-only-do-not-override-1rqnfsa ant-btn-primary"
type="button"
>
<span>
Submit
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:109:15
❯ src/controls/EnumControl.test.tsx:20:31
|
src/controls/EnumControl.test.tsx > renders the enum component with custom titles:
src/controls/EnumControl.test.tsx#L40
TestingLibraryElementError: Unable to find an element with the title: Option 1.
Ignored nodes: comments, script, style
<body>
<div>
<form
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div />
<div
class="ant-form-item css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-row ant-form-item-row css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-col ant-form-item-label css-dev-only-do-not-override-1rqnfsa"
>
<label
class=""
for="humanReadableOptions"
title="Human Readable Options"
>
Human Readable Options
</label>
</div>
<div
class="ant-col ant-form-item-control css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
class="ant-col ant-col-18 css-dev-only-do-not-override-1rqnfsa"
id="humanReadableOptions"
>
<div
class="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1rqnfsa ant-select-focused ant-select-single ant-select-show-arrow ant-select-open ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_-1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="search"
class="anticon anticon-search ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65
|
src/controls/EnumControl.test.tsx > handles onChange event correctly:
src/controls/EnumControl.test.tsx#L59
TestingLibraryElementError: Unable to find an element with the title: Footballer.
Ignored nodes: comments, script, style
<body>
<div>
<form
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
>
<div />
<div
class="ant-form-item css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-row ant-form-item-row css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-col ant-form-item-label css-dev-only-do-not-override-1rqnfsa"
>
<label
class="ant-form-item-required"
for="profession"
title="Profession"
>
Profession
</label>
</div>
<div
class="ant-col ant-form-item-control css-dev-only-do-not-override-1rqnfsa"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
aria-required="true"
class="ant-col ant-col-18 css-dev-only-do-not-override-1rqnfsa"
id="profession"
value="Bob Ross Impersonator"
>
<div
class="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1rqnfsa ant-select-focused ant-select-single ant-select-show-arrow ant-select-open ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_-1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Bob Ross Impersonator"
>
Bob Ross Impersonator
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="search"
class="anticon anticon-search ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 7
|
cache-and-install-deps-and-run-tests
Process completed with exit code 1.
|
cache-and-install-deps-and-run-tests
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3, actions/cache@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|