Browse Source

test: update snap

pull/2682/head
tangjinzhou 4 years ago
parent
commit
31b7772d85
  1. 56
      components/spin/__tests__/__snapshots__/demo.test.js.snap
  2. 16
      components/switch/__tests__/__snapshots__/demo.test.js.snap
  3. 20
      components/vc-switch/Switch.jsx

56
components/spin/__tests__/__snapshots__/demo.test.js.snap

@ -2,55 +2,71 @@
exports[`renders ./antdv-demo/docs/spin/demo/basic.md correctly 1`] = `
<div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/spin/demo/custom-indicator.md correctly 1`] = `
<div>
<div class="ant-spin ant-spin-spinning"><span role="img" aria-label="loading" class="anticon anticon-loading ant-spin-dot" style="font-size: 24px;"><svg viewBox="0 0 1024 1024" focusable="false" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span></div>
<div class="ant-spin ant-spin-spinning"><span role="img" aria-label="loading" class="anticon anticon-loading ant-spin-dot" style="font-size: 24px;"><svg viewBox="0 0 1024 1024" focusable="false" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span></div>
<div class="ant-spin-nested-loading">
<div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
</div>
<div class="ant-spin-container ant-spin-blur"><span slot="indicator" style="font-size: 24px;" role="img" aria-label="loading" class="anticon anticon-loading"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span></div>
</div>
<div class="ant-spin ant-spin-spinning"><span style="font-size: 24px;" role="img" aria-label="loading" class="anticon anticon-loading ant-spin-dot"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span>
<!---->
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/spin/demo/delayAndDebounce.md correctly 1`] = `
<div>
<div class="ant-spin-nested-loading">
<!---->
<div class="ant-spin-container">
<div class="spin-content">
可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 \`delay\` 时间内结束,则不显示
loading 状态。
</div>
<div class="spin-content"> 可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 \`delay\` 时间内结束,则不显示 loading 状态。 </div>
</div>
</div>
Loading state:<button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button>
</div> Loading state:<button class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><span class="ant-switch-inner"><!----></span></button>
</div>
`;
exports[`renders ./antdv-demo/docs/spin/demo/inside.md correctly 1`] = `
<div class="example">
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/spin/demo/nested.md correctly 1`] = `
<div>
<div class="ant-spin-nested-loading">
<!---->
<div class="ant-spin-container">
<div class="spin-content">
可以点击‘切换’按钮,控制本区域的spin展示。
</div>
<div class="spin-content"> 可以点击‘切换’按钮,控制本区域的spin展示。 </div>
</div>
</div>
Loading state:<button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button>
</div> Loading state:<button class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><span class="ant-switch-inner"><!----></span></button>
</div>
`;
exports[`renders ./antdv-demo/docs/spin/demo/size.md correctly 1`] = `
<div>
<div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-lg ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
<div class="ant-spin ant-spin-lg ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
</div>
`;
@ -63,9 +79,7 @@ exports[`renders ./antdv-demo/docs/spin/demo/tip.md correctly 1`] = `
</div>
</div>
<div class="ant-spin-container ant-spin-blur">
<div class="spin-content">
我的描述文案是自定义的。。。
</div>
<div class="spin-content"> 我的描述文案是自定义的。。。 </div>
</div>
</div>
</div>

16
components/switch/__tests__/__snapshots__/demo.test.js.snap

@ -1,27 +1,27 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/switch/demo/basic.md correctly 1`] = `
<div><button checked="true" class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<div><button class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner"><!----></span></button></div>
`;
exports[`renders ./antdv-demo/docs/switch/demo/disabled.md correctly 1`] = `
<div><button checked="true" style="margin-bottom: 5px;" class="ant-switch ant-switch-checked ant-switch-disabled" type="button" role="switch" aria-checked="true" disabled="">
<div><button style="margin-bottom: 5px;" class="ant-switch ant-switch-checked ant-switch-disabled" type="button" role="switch" aria-checked="true" disabled="">
<!----><span class="ant-switch-inner"><!----></span></button><br><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Toggle disabled</span></button></div>
`;
exports[`renders ./antdv-demo/docs/switch/demo/loading.md correctly 1`] = `<div><button checked="true" class="ant-switch-loading ant-switch ant-switch-checked ant-switch-disabled" type="button" role="switch" aria-checked="true" disabled=""><span role="img" aria-label="loading" class="anticon anticon-loading ant-switch-loading-icon"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span><span class="ant-switch-inner"><!----></span></button><br><button checked="false" class="ant-switch-small ant-switch-loading ant-switch ant-switch-disabled" type="button" role="switch" aria-checked="false" disabled=""><span role="img" aria-label="loading" class="anticon anticon-loading ant-switch-loading-icon"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span><span class="ant-switch-inner"><!----></span></button></div>`;
exports[`renders ./antdv-demo/docs/switch/demo/loading.md correctly 1`] = `<div><button class="ant-switch-loading ant-switch ant-switch-checked ant-switch-disabled" type="button" role="switch" aria-checked="true" disabled=""><span role="img" aria-label="loading" class="anticon anticon-loading ant-switch-loading-icon"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span><span class="ant-switch-inner"><!----></span></button><br><button class="ant-switch-small ant-switch-loading ant-switch ant-switch-disabled" type="button" role="switch" aria-checked="false" disabled=""><span role="img" aria-label="loading" class="anticon anticon-loading ant-switch-loading-icon"><svg class="anticon-spin" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024" focusable="false"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></span><span class="ant-switch-inner"><!----></span></button></div>`;
exports[`renders ./antdv-demo/docs/switch/demo/size.md correctly 1`] = `
<div><button checked="true" class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner"><!----></span></button><br><button checked="true" class="ant-switch-small ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<div><button class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner"><!----></span></button><br><button class="ant-switch-small ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner"><!----></span></button></div>
`;
exports[`renders ./antdv-demo/docs/switch/demo/text.md correctly 1`] = `
<div><button checked="true" class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner">开</span></button><br><button checked="false" class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><span class="ant-switch-inner">0</span></button><br><button checked="false" class="ant-switch" type="button" role="switch" aria-checked="false">
<div><button class="ant-switch ant-switch-checked" type="button" role="switch" aria-checked="true">
<!----><span class="ant-switch-inner">开</span></button><br><button class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><span class="ant-switch-inner">0</span></button><br><button class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><span class="ant-switch-inner"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></button></div>
`;

20
components/vc-switch/Switch.jsx

@ -1,6 +1,7 @@
import { switchPropTypes } from './PropTypes';
import BaseMixin from '../_util/BaseMixin';
import { hasProp, getOptionProps, getComponent } from '../_util/props-util';
import Omit from 'omit.js';
// function noop () {
// }
@ -79,16 +80,7 @@ export default {
},
},
render() {
const {
prefixCls,
disabled,
loadingIcon,
defaultChecked,
autofocus,
checkedChildren,
unCheckedChildren,
...restProps
} = getOptionProps(this);
const { prefixCls, disabled, loadingIcon, ...restProps } = getOptionProps(this);
const checked = this.stateChecked;
const { $attrs } = this;
const switchClassName = {
@ -98,7 +90,13 @@ export default {
[`${prefixCls}-disabled`]: disabled,
};
const spanProps = {
...restProps,
...Omit(restProps, [
'checkedChildren',
'unCheckedChildren',
'checked',
'autofocus',
'defaultChecked',
]),
...$attrs,
onKeydown: this.handleKeyDown,
onClick: this.handleClick,

Loading…
Cancel
Save