forked from vueComponent/ant-design-vue
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdemo.test.js.snap
146 lines (141 loc) · 8.45 KB
/
demo.test.js.snap
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/flex/demo/align.vue correctly 1`] = `
<div class="ant-flex ant-flex-align-start ant-flex-gap-middle ant-flex-vertical">
<p>Select justify :</p>
<div class="ant-segmented ">
<div class="ant-segmented-group">
<!----><label class="ant-segmented-item ant-segmented-item-selected"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="flex-start">flex-start</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="center">center</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="flex-end">flex-end</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="space-between">space-between</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="space-around">space-around</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="space-evenly">space-evenly</div>
</label>
</div>
</div>
<p>Select align :</p>
<div class="ant-segmented ">
<div class="ant-segmented-group">
<!----><label class="ant-segmented-item ant-segmented-item-selected"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="flex-start">flex-start</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="center">center</div>
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
<div class="ant-segmented-item-label" title="flex-end">flex-end</div>
</label>
</div>
</div>
<div class="ant-flex ant-flex-align-flex-start ant-flex-justify-flex-start" style="width: 100%; height: 120px; border-radius: 6px; border: 1px solid #40a9ff;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span>
</button></div>
</div>
`;
exports[`renders ./components/flex/demo/basic.vue correctly 1`] = `
<div class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical">
<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 type="radio" class="ant-radio-input" value="horizontal"><span class="ant-radio-inner"></span></span><span>horizontal</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="vertical"><span class="ant-radio-inner"></span></span><span>vertical</span></label></div>
<div class="ant-flex">
<div style="width: 25%; height: 54px; background: rgba(22, 119, 255, 0.749);"></div>
<div style="width: 25%; height: 54px; background: rgb(22, 119, 255);"></div>
<div style="width: 25%; height: 54px; background: rgba(22, 119, 255, 0.749);"></div>
<div style="width: 25%; height: 54px; background: rgb(22, 119, 255);"></div>
</div>
</div>
`;
exports[`renders ./components/flex/demo/combination.vue correctly 1`] = `
<div style="width: 620px;" class="ant-card ant-card-bordered">
<!---->
<!---->
<div class="ant-card-body" style="padding: 0px; overflow: hidden;">
<div class="ant-flex ant-flex-justify-space-between"><img alt="avatar" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" style="display: block; width: 273px;">
<div class="ant-flex ant-flex-align-flex-end ant-flex-justify-space-between ant-flex-vertical" style="padding: 32px;">
<article class="ant-typography">
<h3 class="ant-typography"> “antd is an enterprise-class UI design language and Vue UI library.”
<!---->
</h3>
</article><a class="ant-btn ant-btn-primary" href="https://antdv.com" target="_blank">
<!----><span>Get Start</span>
</a>
</div>
</div>
</div>
<!---->
</div>
`;
exports[`renders ./components/flex/demo/gap.vue correctly 1`] = `
<div class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical">
<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 type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>small</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="large"><span class="ant-radio-inner"></span></span><span>large</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="customize"><span class="ant-radio-inner"></span></span><span>customize</span></label></div>
<!--v-if-->
<div class="ant-flex ant-flex-gap-small"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span>
</button><button class="ant-btn ant-btn-default" type="button">
<!----><span>Default</span>
</button><button class="ant-btn ant-btn-dashed" type="button">
<!----><span>Dashed</span>
</button><button class="ant-btn ant-btn-link" type="button">
<!----><span>Link</span>
</button></div>
</div>
`;
exports[`renders ./components/flex/demo/wrap.vue correctly 1`] = `
<div class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span>
</button></div>
`;