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.
 
 

1355 lines
25 KiB

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/radio/demo/badge.md correctly 1`] = `
<div
class="ant-radio-group ant-radio-group-solid"
>
<span
class="ant-badge"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="1"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Click Me
</span>
</label>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="1"
>
<span
class="ant-scroll-number-only"
style="transition:none"
>
<p
class="ant-scroll-number-only-unit current"
>
1
</p>
</span>
</sup>
</span>
<span
class="ant-badge"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="2"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Not Me
</span>
</label>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="2"
>
<span
class="ant-scroll-number-only"
style="transition:none"
>
<p
class="ant-scroll-number-only-unit current"
>
2
</p>
</span>
</sup>
</span>
</div>
`;
exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Radio
</span>
</label>
`;
exports[`renders ./components/radio/demo/disabled.md correctly 1`] = `
Array [
<label
class="ant-radio-wrapper ant-radio-wrapper-disabled"
>
<span
class="ant-radio ant-radio-disabled"
>
<input
class="ant-radio-input"
disabled=""
type="radio"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Disabled
</span>
</label>,
<label
class="ant-radio-wrapper ant-radio-wrapper-disabled"
>
<span
class="ant-radio ant-radio-checked ant-radio-disabled"
>
<input
checked=""
class="ant-radio-input"
disabled=""
type="radio"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Disabled
</span>
</label>,
<br />,
<button
class="ant-btn ant-btn-primary"
style="margin-top:16px"
type="button"
>
<span>
Toggle disabled
</span>
</button>,
]
`;
exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"
>
<input
checked=""
class="ant-radio-button-input"
disabled=""
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
]
`;
exports[`renders ./components/radio/demo/radiobutton-solid.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-solid"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
<div
class="ant-radio-group ant-radio-group-solid"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
]
`;
exports[`renders ./components/radio/demo/radiogroup.md correctly 1`] = `
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value="1"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
A
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="2"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
B
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="3"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
C
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="4"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
D
</span>
</label>
</div>
`;
exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value="1"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Option A
</span>
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="2"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Option B
</span>
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="3"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Option C
</span>
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="4"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
More...
</span>
</label>
</div>
`;
exports[`renders ./components/radio/demo/radiogroup-options.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value="Apple"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="Pear"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="Orange"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
<br />,
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value="Apple"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="Pear"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-radio-wrapper ant-radio-wrapper-disabled"
>
<span
class="ant-radio ant-radio-disabled"
>
<input
class="ant-radio-input"
disabled=""
type="radio"
value="Orange"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="Apple"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="Pear"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="Orange"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-radio-group ant-radio-group-solid"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="Apple"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Apple
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="Pear"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Pear
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span
class="ant-radio-button ant-radio-button-disabled"
>
<input
class="ant-radio-button-input"
disabled=""
type="radio"
value="Orange"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Orange
</span>
</label>
</div>,
]
`;
exports[`renders ./components/radio/demo/radiogroup-with-name.md correctly 1`] = `
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
name="radiogroup"
type="radio"
value="1"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
A
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
name="radiogroup"
type="radio"
value="2"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
B
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
name="radiogroup"
type="radio"
value="3"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
C
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
name="radiogroup"
type="radio"
value="4"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
D
</span>
</label>
</div>
`;
exports[`renders ./components/radio/demo/size.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-large"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="a"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Hangzhou
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="b"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Shanghai
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="c"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Beijing
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="d"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Chengdu
</span>
</label>
</div>,
]
`;