Fix FormField and CheckboxGroup tests #16
jeffreylauwersAnnotations
7 errors and 5 warnings
|
Lint, Test & Build
Process completed with exit code 1.
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > passes through fieldset attributes:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L82
Error: expect(received).toHaveAttribute()
received value must be an HTMLElement or an SVGElement.
Received has type: Null
Received has value: null
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:82:22
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > forwards ref to fieldset element:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L72
AssertionError: expected <div class="dsn-radio-group" …(1)>…(1)</div> to be an instance of HTMLFieldSetElement
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:72:25
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > shows legend when hideLegend is false:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L61
TestingLibraryElementError: Unable to find an element with the text: Visible Legend. 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="dsn-radio-group"
legend="Visible Legend"
>
<label
class="dsn-radio-option"
>
<div
class="dsn-radio"
>
<input
class="dsn-radio__input"
name="test"
type="radio"
value="1"
/>
<span
aria-hidden="true"
class="dsn-radio__control"
>
<span
class="dsn-radio__inner-circle"
/>
</span>
</div>
<span
class="dsn-option-label"
>
Option 1
</span>
</label>
</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
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:61:27
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > hides legend visually when hideLegend is true:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L51
TestingLibraryElementError: Unable to find an element with the text: Hidden Legend. 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="dsn-radio-group"
legend="Hidden Legend"
>
<label
class="dsn-radio-option"
>
<div
class="dsn-radio"
>
<input
class="dsn-radio__input"
name="test"
type="radio"
value="1"
/>
<span
aria-hidden="true"
class="dsn-radio__control"
>
<span
class="dsn-radio__inner-circle"
/>
</span>
</div>
<span
class="dsn-option-label"
>
Option 1
</span>
</label>
</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
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:51:27
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > renders the legend:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L22
TestingLibraryElementError: Unable to find an element with the text: My Group. 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="dsn-radio-group"
legend="My Group"
>
<label
class="dsn-radio-option"
>
<div
class="dsn-radio"
>
<input
class="dsn-radio__input"
name="test"
type="radio"
value="1"
/>
<span
aria-hidden="true"
class="dsn-radio__control"
>
<span
class="dsn-radio__inner-circle"
/>
</span>
</div>
<span
class="dsn-option-label"
>
Option 1
</span>
</label>
</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
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:22:19
|
|
packages/components-react/src/RadioGroup/RadioGroup.test.tsx > RadioGroup > renders a fieldset element:
packages/components-react/src/RadioGroup/RadioGroup.test.tsx#L13
Error: expect(received).toBeInTheDocument()
received value must be an HTMLElement or an SVGElement.
Received has type: Null
Received has value: null
❯ packages/components-react/src/RadioGroup/RadioGroup.test.tsx:13:49
|
|
Lint, Test & Build:
packages/components-react/src/RadioOption/RadioOption.test.tsx#L51
'container' is assigned a value but never used
|
|
Lint, Test & Build:
packages/components-react/src/Radio/Radio.test.tsx#L8
'container' is assigned a value but never used
|
|
Lint, Test & Build:
packages/components-react/src/NumberInput/NumberInput.tsx#L58
'decimalSeparator' is assigned a value but never used
|
|
Lint, Test & Build:
packages/components-react/src/CheckboxOption/CheckboxOption.test.tsx#L51
'container' is assigned a value but never used
|
|
Lint, Test & Build:
packages/components-react/src/Checkbox/Checkbox.test.tsx#L8
'container' is assigned a value but never used
|