You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
836 lines
16 KiB
836 lines
16 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders components/checkbox/demo/basic.tsx extend context correctly 1`] = `
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Checkbox
|
|
</span>
|
|
</label>
|
|
`;
|
|
|
|
exports[`renders components/checkbox/demo/check-all.tsx extend context 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"
|
|
/>
|
|
<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.tsx extend context 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"
|
|
/>
|
|
<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-disable-popover.tsx extend context correctly 1`] = `
|
|
<div
|
|
style="padding: 56px;"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big ant-popover-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
xxxx
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/checkbox/demo/debug-line.tsx extend context 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>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Aligned
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
<span
|
|
style="font-size: 32px;"
|
|
>
|
|
Aligned
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/checkbox/demo/disabled.tsx extend context 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"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>,
|
|
<br />,
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-indeterminate ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
aria-checked="mixed"
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/checkbox/demo/group.tsx extend context 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.tsx extend context 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>
|
|
`;
|
|
|