Skip to content

Commit f6f11de

Browse files
pomahtripomahtri
committed
implement
1 parent 64362d6 commit f6f11de

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+2186
-22
lines changed

‎packages/devextreme/js/__internal/grids/new/card_view/__snapshots__/widget.test.ts.snap

Lines changed: 323 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,332 @@ exports[`common initial render should be successfull 1`] = `
44
<div
55
class="dx-widget dx-cardview"
66
>
7+
<div
8+
class="dx-toolbar dx-widget dx-visibility-change-handler dx-collection"
9+
role="toolbar"
10+
>
11+
<div
12+
class="dx-toolbar-items-container"
13+
>
14+
<div
15+
class="dx-toolbar-before"
16+
role="presentation"
17+
/>
18+
<div
19+
class="dx-toolbar-center"
20+
role="presentation"
21+
/>
22+
<div
23+
class="dx-toolbar-after"
24+
role="presentation"
25+
>
26+
<div
27+
class="dx-item dx-toolbar-item dx-toolbar-button dx-toolbar-item-auto-hide"
28+
>
29+
<div
30+
class="dx-item-content dx-toolbar-item-content"
31+
>
32+
<input />
33+
</div>
34+
</div>
35+
<div
36+
class="dx-item dx-toolbar-item dx-toolbar-button dx-toolbar-item-auto-hide dx-toolbar-text-auto-hide"
37+
>
38+
<div
39+
class="dx-item-content dx-toolbar-item-content"
40+
>
41+
<div
42+
aria-haspopup="dialog"
43+
aria-label="column-chooser"
44+
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-icon"
45+
role="button"
46+
tabindex="0"
47+
>
48+
<div
49+
class="dx-button-content"
50+
>
51+
<i
52+
class="dx-icon dx-icon-column-chooser"
53+
/>
54+
</div>
55+
</div>
56+
</div>
57+
</div>
58+
<div
59+
class="dx-item dx-toolbar-item dx-toolbar-button"
60+
>
61+
<div
62+
class="dx-item-content dx-toolbar-item-content"
63+
>
64+
<div
65+
aria-label="edit"
66+
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
67+
role="button"
68+
tabindex="0"
69+
>
70+
<div
71+
class="dx-button-content"
72+
>
73+
<span
74+
class="dx-button-text"
75+
>
76+
edit
77+
</span>
78+
</div>
79+
</div>
80+
</div>
81+
</div>
82+
<div
83+
aria-disabled="true"
84+
class="dx-state-disabled dx-item dx-toolbar-item dx-toolbar-button"
85+
>
86+
<div
87+
class="dx-item-content dx-toolbar-item-content"
88+
>
89+
<div
90+
aria-label="revert"
91+
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
92+
role="button"
93+
tabindex="-1"
94+
>
95+
<div
96+
class="dx-button-content"
97+
>
98+
<span
99+
class="dx-button-text"
100+
>
101+
revert
102+
</span>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
<div
108+
aria-disabled="true"
109+
class="dx-state-disabled dx-item dx-toolbar-item dx-toolbar-button"
110+
>
111+
<div
112+
class="dx-item-content dx-toolbar-item-content"
113+
>
114+
<div
115+
aria-label="save"
116+
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
117+
role="button"
118+
tabindex="-1"
119+
>
120+
<div
121+
class="dx-button-content"
122+
>
123+
<span
124+
class="dx-button-text"
125+
>
126+
save
127+
</span>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
<div
133+
class="dx-toolbar-button dx-toolbar-menu-container dx-state-invisible"
134+
>
135+
<div
136+
aria-expanded="false"
137+
aria-haspopup="true"
138+
aria-label="overflow"
139+
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-icon dx-dropdownmenu dx-dropdownmenu-button"
140+
role="button"
141+
tabindex="0"
142+
>
143+
<div
144+
class="dx-button-content"
145+
>
146+
<i
147+
class="dx-icon dx-icon-overflow"
148+
/>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
</div>
155+
<div
156+
class="dx-cardview-headers"
157+
>
158+
<div
159+
class="dx-scrollable dx-visibility-change-handler dx-scrollable-horizontal dx-scrollable-simulated"
160+
>
161+
<div
162+
class="dx-scrollable-wrapper"
163+
>
164+
<div
165+
class="dx-scrollable-container"
166+
tabindex="0"
167+
>
168+
<div
169+
class="dx-scrollable-content"
170+
style="left: 0px; top: 0px; transform: none;"
171+
>
172+
<div
173+
class="dx-cardview-headers-content"
174+
>
175+
<div
176+
class="dx-cardview-header-item"
177+
tabindex="0"
178+
>
179+
A
180+
<div
181+
aria-label="eyeopen"
182+
class="dx-widget dx-button dx-button-mode-text dx-button-normal dx-button-has-icon dx-cardview-header-item-button"
183+
role="button"
184+
tabindex="-1"
185+
>
186+
<div
187+
class="dx-button-content"
188+
>
189+
<i
190+
class="dx-icon dx-icon-eyeopen"
191+
/>
192+
</div>
193+
</div>
194+
</div>
195+
</div>
196+
</div>
197+
<div
198+
class="dx-scrollable-scrollbar dx-widget dx-scrollbar-horizontal"
199+
style="display: none;"
200+
>
201+
<div
202+
class="dx-scrollable-scroll dx-state-invisible"
203+
>
204+
<div
205+
class="dx-scrollable-scroll-content"
206+
/>
207+
</div>
208+
</div>
209+
</div>
210+
</div>
211+
</div>
212+
213+
</div>
214+
<div
215+
class="dx-gridcore-contentview"
216+
>
217+
<div
218+
class="dx-overlay dx-widget dx-state-invisible dx-visibility-change-handler dx-loadpanel"
219+
>
220+
<div
221+
class="dx-overlay-content"
222+
style="width: 222px; height: 90px;"
223+
/>
224+
</div>
225+
<div
226+
class="dx-scrollable dx-visibility-change-handler dx-scrollable-both dx-scrollable-simulated"
227+
>
228+
<div
229+
class="dx-scrollable-wrapper"
230+
>
231+
<div
232+
class="dx-scrollable-container"
233+
tabindex="0"
234+
>
235+
<div
236+
class="dx-scrollable-content"
237+
style="left: 0px; top: 0px; transform: none;"
238+
>
239+
<div
240+
class="dx-cardview-content dx-cardview-content-grid"
241+
style="--dx-cardview-cardsperrow: 3;"
242+
tabindex="0"
243+
>
244+
<div
245+
class="dx-cardview-card"
246+
style="min-width: undefinedpx; max-width: undefinedpx;"
247+
tabindex="0"
248+
>
249+
<div
250+
class="dx-cardview-card-header"
251+
>
252+
<div
253+
class="dx-toolbar dx-widget dx-visibility-change-handler dx-collection dx-toolbar-mini"
254+
role="toolbar"
255+
>
256+
<div
257+
class="dx-toolbar-items-container"
258+
>
259+
<div
260+
class="dx-toolbar-before"
261+
role="presentation"
262+
/>
263+
<div
264+
class="dx-toolbar-center"
265+
role="presentation"
266+
/>
267+
<div
268+
class="dx-toolbar-after"
269+
role="presentation"
270+
/>
271+
</div>
272+
</div>
273+
</div>
274+
<div
275+
class="dx-cardview-card-content"
276+
>
277+
<div
278+
class="dx-cardview-field"
279+
tabindex="0"
280+
>
281+
<span
282+
class="dx-cardview-field-name"
283+
>
284+
A
285+
:
286+
</span>
287+
<span
288+
class="dx-cardview-field-value"
289+
>
290+
a
291+
</span>
292+
</div>
293+
</div>
294+
</div>
295+
</div>
296+
</div>
297+
<div
298+
class="dx-scrollable-scrollbar dx-widget dx-scrollbar-horizontal"
299+
>
300+
<div
301+
class="dx-scrollable-scroll dx-state-invisible"
302+
style="width: 15px; transform: translate(0px, 0px);"
303+
>
304+
<div
305+
class="dx-scrollable-scroll-content"
306+
/>
307+
</div>
308+
</div>
309+
<div
310+
class="dx-scrollable-scrollbar dx-widget dx-scrollbar-vertical"
311+
>
312+
<div
313+
class="dx-scrollable-scroll dx-state-invisible"
314+
style="height: 15px; transform: translate(0px, 0px);"
315+
>
316+
<div
317+
class="dx-scrollable-scroll-content"
318+
/>
319+
</div>
320+
</div>
321+
</div>
322+
</div>
323+
</div>
324+
325+
<div
326+
class="dx-gridcore-error-row"
327+
/>
328+
</div>
7329
8330
<div>
9331
10332
</div>
333+
11334
</div>
12335
`;

0 commit comments

Comments
 (0)