Skip to content

Commit d7b144b

Browse files
tangjinzhoutangjinzhou
committed
test: update transition-group and relative snapshots
1 parent 6e7dd9b commit d7b144b

File tree

8 files changed

+5116
-57
lines changed

8 files changed

+5116
-57
lines changed

‎components/form/__tests__/__snapshots__/demo.test.js.snap

+11-5
Original file line numberDiff line numberDiff line change
@@ -650,11 +650,17 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
650650
<label for="select-multiple" title="Select[multiple]" class="ant-form-item-required">Select[multiple]</label>
651651
</div>
652652
<div class="ant-col-14 ant-form-item-control-wrapper">
653-
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled ant-select ant-select-enabled" data-__meta="[object Object]" data-__field="[object Object]" id="select-multiple"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Please select favourite colors</div><!----></div></div></div></span>
654-
<!---->
655-
</div>
653+
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled ant-select ant-select-enabled" data-__meta="[object Object]" data-__field="[object Object]" id="select-multiple"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Please select favourite colors</div><div><li class="ant-select-search ant-select-search--inline"><div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
654+
</li>
656655
</div>
657656
</div>
657+
</div>
658+
</div>
659+
</span>
660+
<!---->
661+
</div>
662+
</div>
663+
</div>
658664
<div class="ant-row ant-form-item">
659665
<div class="ant-col-6 ant-form-item-label">
660666
<label for="input-number" title="InputNumber" class="">InputNumber</label>
@@ -749,7 +755,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
749755
<label for="upload" title="Upload" class="">Upload</label>
750756
</div>
751757
<div class="ant-col-14 ant-form-item-control-wrapper">
752-
<div class="ant-form-item-control"><span class="ant-form-item-children"><span data-__meta="[object Object]" data-__field="[object Object]" id="upload" class=""><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><!----></span></span>
758+
<div class="ant-form-item-control"><span class="ant-form-item-children"><span data-__meta="[object Object]" data-__field="[object Object]" id="upload" class=""><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"></div></span></span>
753759
<!---->
754760
<div class="ant-form-extra">longgggggggggggggggggggggggggggggggggg</div>
755761
</div>
@@ -760,7 +766,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
760766
<label title="Dragger" class="">Dragger</label>
761767
</div>
762768
<div class="ant-col-14 ant-form-item-control-wrapper">
763-
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="dropbox"><span data-__meta="[object Object]" data-__field="[object Object]" id="dragger" class=""><div class="ant-upload ant-upload-drag"><!----></div><!----></span></div>
769+
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="dropbox"><span data-__meta="[object Object]" data-__field="[object Object]" id="dragger" class=""><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div>
764770
</span>
765771
<!---->
766772
</div>

‎components/locale-provider/__tests__/__snapshots__/demo.test.js.snap

+2-2
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
7575
<div>
7676
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
7777
</div>
78-
<!---->
78+
<div class="ant-transfer-list-content-warp"></div>
7979
<div class="ant-transfer-list-body-not-found">Not Found</div>
8080
</div>
8181
</div>
@@ -97,7 +97,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
9797
<div>
9898
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
9999
</div>
100-
<!---->
100+
<div class="ant-transfer-list-content-warp"></div>
101101
<div class="ant-transfer-list-body-not-found">Not Found</div>
102102
</div>
103103
</div>

‎components/select/__tests__/__snapshots__/demo.test.js.snap

+64-6
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,12 @@ exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`
44
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 100%;">
55
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
66
<div class="ant-select-selection__rendered">
7-
<!---->
7+
<div>
8+
<li class="ant-select-search ant-select-search--inline">
9+
<div class="ant-select-search__field__wrap">
10+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
11+
</li>
12+
</div>
813
</div>
914
</div>
1015
</div>
@@ -73,7 +78,16 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
7378
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
7479
<div class="ant-select-selection__rendered">
7580
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
76-
<!---->
81+
<div>
82+
<li unselectable="unselectable" title="a1" class="ant-select-selection__choice">
83+
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"></span></li>
84+
<li unselectable="unselectable" title="b2" class="ant-select-selection__choice">
85+
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"></span></li>
86+
<li class="ant-select-search ant-select-search--inline">
87+
<div class="ant-select-search__field__wrap">
88+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
89+
</li>
90+
</div>
7791
</div>
7892
</div>
7993
</div>
@@ -122,7 +136,12 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
122136
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
123137
<div class="ant-select-selection__rendered">
124138
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Select users</div>
125-
<!---->
139+
<div>
140+
<li class="ant-select-search ant-select-search--inline">
141+
<div class="ant-select-search__field__wrap">
142+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
143+
</li>
144+
</div>
126145
</div>
127146
</div>
128147
</div>
@@ -164,7 +183,24 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
164183
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
165184
<div class="ant-select-selection__rendered">
166185
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
167-
<!---->
186+
<div>
187+
<li unselectable="unselectable" title="
188+
a1
189+
" class="ant-select-selection__choice">
190+
<div class="ant-select-selection__choice__content">
191+
a1
192+
</div><span class="ant-select-selection__choice__remove"></span></li>
193+
<li unselectable="unselectable" title="
194+
b2
195+
" class="ant-select-selection__choice">
196+
<div class="ant-select-selection__choice__content">
197+
b2
198+
</div><span class="ant-select-selection__choice__remove"></span></li>
199+
<li class="ant-select-search ant-select-search--inline">
200+
<div class="ant-select-search__field__wrap">
201+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
202+
</li>
203+
</div>
168204
</div>
169205
</div>
170206
</div>
@@ -173,7 +209,24 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
173209
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
174210
<div class="ant-select-selection__rendered">
175211
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
176-
<!---->
212+
<div>
213+
<li unselectable="unselectable" title="
214+
a1
215+
" class="ant-select-selection__choice">
216+
<div class="ant-select-selection__choice__content">
217+
a1
218+
</div><span class="ant-select-selection__choice__remove"></span></li>
219+
<li unselectable="unselectable" title="
220+
b2
221+
" class="ant-select-selection__choice">
222+
<div class="ant-select-selection__choice__content">
223+
b2
224+
</div><span class="ant-select-selection__choice__remove"></span></li>
225+
<li class="ant-select-search ant-select-search--inline">
226+
<div class="ant-select-search__field__wrap">
227+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
228+
</li>
229+
</div>
177230
</div>
178231
</div>
179232
</div>
@@ -185,7 +238,12 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
185238
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
186239
<div class="ant-select-selection__rendered">
187240
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Tags Mode</div>
188-
<!---->
241+
<div>
242+
<li class="ant-select-search ant-select-search--inline">
243+
<div class="ant-select-search__field__wrap">
244+
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
245+
</li>
246+
</div>
189247
</div>
190248
</div>
191249
</div>

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

+26-3
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,13 @@ exports[`renders ./components/spin/demo/custom-indicator.md correctly 1`] = `
1616

1717
exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
1818
<div>
19-
<!---->
19+
<div class="ant-spin-nested-loading">
20+
<div class="ant-spin-container">
21+
<div class="spin-content">
22+
可以点击‘切换’按钮，延迟显示 loading 效果。当 spinning 状态在 \`delay\` 时间内结束，则不显示 loading 状态。
23+
</div>
24+
</div>
25+
</div>
2026
Loading state：<span tabindex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
2127
</div>
2228
`;
@@ -29,7 +35,13 @@ exports[`renders ./components/spin/demo/inside.md correctly 1`] = `
2935

3036
exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
3137
<div>
32-
<!---->
38+
<div class="ant-spin-nested-loading">
39+
<div class="ant-spin-container">
40+
<div class="spin-content">
41+
可以点击‘切换’按钮，控制本区域的spin展示。
42+
</div>
43+
</div>
44+
</div>
3345
Loading state：<span tabindex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
3446
</div>
3547
`;
@@ -44,6 +56,17 @@ exports[`renders ./components/spin/demo/size.md correctly 1`] = `
4456

4557
exports[`renders ./components/spin/demo/tip.md correctly 1`] = `
4658
<div>
47-
<!---->
59+
<div class="ant-spin-nested-loading">
60+
<div>
61+
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span>
62+
<div class="ant-spin-text">Loading...</div>
63+
</div>
64+
</div>
65+
<div class="ant-spin-container ant-spin-blur">
66+
<div class="spin-content">
67+
我的描述文案是自定义的。。。
68+
</div>
69+
</div>
70+
</div>
4871
</div>
4972
`;

0 commit comments

Comments
 (0)