ant-design/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
2018-01-25 18:24:59 +08:00

525 lines
9.6 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"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Checkbox
</span>
</label>
`;
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
<div>
<div
style="border-bottom:1px solid #E9E9E9"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox ant-checkbox-indeterminate"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Check all
</span>
</label>
</div>
<br />
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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>
</div>
`;
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
<div>
<p
style="margin-bottom:20px"
>
<label
class="ant-checkbox-wrapper"
>
<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-left:10px"
type="button"
>
<span>
Disable
</span>
</button>
</p>
</div>
`;
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
<div>
<label
class="ant-checkbox-wrapper"
>
<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"
>
<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>
`;
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
<div>
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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-group-item ant-checkbox-wrapper"
>
<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>
</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-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-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-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-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-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>
`;