ant-design/components/checkbox/__tests__/__snapshots__/demo.test.ts.snap
黑雨 01ca7c7821
test: convert demo to testing-lib (#37381)
* test: replace testing-lib

* test: replace testing-lib

* test: replace testing-lib

* test: update snap

* test: replace testing-lib

* test: replace testing-lib

* test: update for lint

* merge: merge

* test: testing-lib

* test: replace testing-lib

* test: testing-lib

* test: testing-lib

* test: replace testing-lib

* test: replace testing-lib

* test: Replace test aria replacment logic

* test: Update snapshot

* chore: hack for id

* test: clean up

* test: clean demo

* chore: update

* test: snapshot update

* test: fix snapshot rep logic

* test: fix snapshot rep logic

* test: fix snapshot rep logic

* chore: update demo

* test: fix snapshot rep logic

* test: Update snapshot

* test: rest snapshot

* test: update snapshot

* test: Update test case

* test: config env

* chore: clean up

* chore: Use renderServer instead

* test: adjust testing logic

* test: modify test logic

* test: split ssr test

* test: skip if need skip

* chore: ignore test file covv

Co-authored-by: 二货机器人 <smith3816@gmail.com>
2022-09-09 15:51:35 +08:00

733 lines
14 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Checkbox
</span>
</label>
`;
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
Array [
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox ant-checkbox-indeterminate"
>
<input
aria-checked="mixed"
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Check all
</span>
</label>,
<div
class="ant-divider ant-divider-horizontal"
role="separator"
/>,
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-checked"
>
<input
checked=""
class="ant-checkbox-input"
type="checkbox"
value="Apple"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-group-item"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="Pear"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-checked"
>
<input
checked=""
class="ant-checkbox-input"
type="checkbox"
value="Orange"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
]
`;
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
Array [
<p
style="margin-bottom: 20px;"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
>
<span
class="ant-checkbox ant-checkbox-checked"
>
<input
checked=""
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Checked-Enabled
</span>
</label>
</p>,
<p>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
Uncheck
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
style="margin: 0px 10px;"
type="button"
>
<span>
Disable
</span>
</button>
</p>,
]
`;
exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="light"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div>
Bamboo
</div>
</div>
<div
class="ant-space-item"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="little"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Little
</span>
</label>
</div>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="light"
/>
<span
class="ant-radio-inner"
/>
</span>
</label>
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div>
Bamboo
</div>
</div>
<div
class="ant-space-item"
>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="little"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Little
</span>
</label>
</div>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="light"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<div>
Bamboo
</div>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="little"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Little
</span>
</label>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="light"
/>
<span
class="ant-radio-inner"
/>
</span>
</label>
<div>
Bamboo
</div>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="little"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Little
</span>
</label>
</div>
</div>
`;
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
Array [
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
>
<span
class="ant-checkbox ant-checkbox-disabled"
>
<input
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>,
<br />,
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
>
<span
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
>
<input
checked=""
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>,
]
`;
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
Array [
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-checked"
>
<input
checked=""
class="ant-checkbox-input"
type="checkbox"
value="Apple"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-group-item"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="Pear"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-group-item"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="Orange"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper ant-checkbox-group-item"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="Apple"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-checked"
>
<input
checked=""
class="ant-checkbox-input"
type="checkbox"
value="Pear"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-group-item"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="Orange"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
>
<input
checked=""
class="ant-checkbox-input"
disabled=""
type="checkbox"
value="Apple"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-disabled"
>
<input
class="ant-checkbox-input"
disabled=""
type="checkbox"
value="Pear"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
>
<span
class="ant-checkbox ant-checkbox-disabled"
>
<input
class="ant-checkbox-input"
disabled=""
type="checkbox"
value="Orange"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
]
`;
exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
<div
class="ant-checkbox-group"
style="width: 100%;"
>
<div
class="ant-row"
>
<div
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="A"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
A
</span>
</label>
</div>
<div
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="B"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
B
</span>
</label>
</div>
<div
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="C"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
C
</span>
</label>
</div>
<div
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="D"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
D
</span>
</label>
</div>
<div
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value="E"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
E
</span>
</label>
</div>
</div>
</div>
`;