Skip to content

Commit 678d24c

Browse files
EugeniyKiyashkoEugeniyKiyashko
committed
e2e frameworks tests: get rid of Material, Generic themes testing
1 parent 577d4e9 commit 678d24c

3 files changed

Lines changed: 4 additions & 311 deletions

File tree

‎.github/workflows/demos_visual_tests_frameworks.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -461,7 +461,7 @@ jobs:
461461
fail-fast: false
462462
matrix:
463463
CONSTEL: [react(1/4), react(2/4), react(3/4), react(4/4), vue(1/4), vue(2/4), vue(3/4), vue(4/4), angular(1/4), angular(2/4), angular(3/4), angular(4/4)]
464-
THEME: ['generic.light', 'material.blue.light', 'fluent.blue.light']
464+
THEME: ['fluent.blue.light']
465465

466466
runs-on: ubuntu-22.04
467467
name: testcafe-${{ matrix.CONSTEL }}-${{ matrix.THEME }}

‎apps/demos/testing/skipped-tests.js‎

Lines changed: 0 additions & 171 deletions
Original file line numberDiff line numberDiff line change
@@ -17,33 +17,6 @@ export const skippedTests = {
1717
],
1818
},
1919
Angular: {
20-
DataGrid: [
21-
{ demo: 'EditStateManagement', themes: [THEME.generic] },
22-
{ demo: 'MultipleRecordSelectionModes', themes: [THEME.fluent] },
23-
{ demo: 'Toolbar', themes: [THEME.fluent, THEME.material] },
24-
{ demo: 'SignalRService', themes: [THEME.fluent, THEME.material] },
25-
{ demo: 'CellEditing', themes: [THEME.material] },
26-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.material] },
27-
{ demo: 'RemoteGrouping', themes: [THEME.generic] },
28-
],
29-
Charts: [
30-
{ demo: 'Overview', themes: [THEME.material] },
31-
{ demo: 'Strips', themes: [THEME.material] },
32-
{ demo: 'Bubble', themes: [THEME.material] },
33-
{ demo: 'PointImage', themes: [THEME.material] },
34-
{ demo: 'BiDirectionalBarChart', themes: [THEME.material] },
35-
{ demo: 'CustomizePointsAndLabels', themes: [THEME.material] },
36-
{ demo: 'ClientSideDataProcessing', themes: [THEME.material] },
37-
{ demo: 'ServerSideDataProcessing', themes: [THEME.material] },
38-
{ demo: 'MultiplePointSelection', themes: [THEME.material] },
39-
{ demo: 'EqualSizePies', themes: [THEME.material] },
40-
{ demo: 'Selection', themes: [THEME.material] },
41-
{ demo: 'CustomMapData', themes: [THEME.material] },
42-
{ demo: 'MultipleSeriesSelection', themes: [THEME.material] },
43-
{ demo: 'DiscreteAxisZoomingAndScrolling', themes: [THEME.material] },
44-
{ demo: 'PointSelectionAPI', themes: [THEME.material] },
45-
{ demo: 'SpiderWeb', themes: [THEME.material] }, // NOTE: Requires preload font, which not work in testcafe
46-
],
4720
Map: [
4821
{ demo: 'ProvidersAndTypes', themes: [THEME.generic, THEME.material, THEME.fluent] },
4922
{ demo: 'Markers', themes: [THEME.generic, THEME.material, THEME.fluent] },
@@ -61,42 +34,12 @@ export const skippedTests = {
6134
{ demo: 'CellEditing', themes: [THEME.material] },
6235
{ demo: 'Resizing', themes: [THEME.material] },
6336
],
64-
Gauges: [
65-
{ demo: 'ScaleLabelFormatting', themes: [THEME.material] },
66-
{ demo: 'RangeBarBaseValue', themes: [THEME.material] },
67-
{ demo: 'DifferentValueIndicatorTypesLinearGauge', themes: [THEME.material] },
68-
{ demo: 'SubvalueIndicatorTextFormatting', themes: [THEME.material] },
69-
{ demo: 'DifferentValueIndicatorTypes', themes: [THEME.material] },
70-
],
71-
RangeSelector: [
72-
{ demo: 'DiscreteScale', themes: [THEME.material] },
73-
],
7437
Gantt: [
75-
{ demo: 'ContextMenu', themes: [THEME.material] },
7638
{ demo: 'TaskTemplate', themes: [THEME.generic, THEME.material, THEME.fluent] },
7739
{ demo: 'Validation', themes: [THEME.generic, THEME.material, THEME.fluent] },
7840
],
79-
VectorMap: [
80-
{ demo: 'Palette', themes: [THEME.material] },
81-
{ demo: 'Overview', themes: [THEME.material] },
82-
{ demo: 'PieMarkers', themes: [THEME.material] },
83-
{ demo: 'Legend', themes: [THEME.material] },
84-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
85-
{ demo: 'CustomProjection', themes: [THEME.material] },
86-
{ demo: 'MultipleLayers', themes: [THEME.material] },
87-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
88-
{ demo: 'CustomMapData', themes: [THEME.material] },
89-
],
9041
},
9142
React: {
92-
Charts: [
93-
{ demo: 'EqualSizePies', themes: [THEME.material] },
94-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
95-
{ demo: 'ClientSideDataProcessing', themes: [THEME.material] },
96-
{ demo: 'ServerSideDataProcessing', themes: [THEME.material] },
97-
{ demo: 'SubvalueIndicatorTextFormatting', themes: [THEME.material] },
98-
{ demo: 'SpiderWeb', themes: [THEME.material] }, // NOTE: Requires preload font, which not work in testcafe
99-
],
10043
DataGrid: [
10144
{ demo: 'SignalRService', themes: [THEME.material, THEME.fluent] },
10245
{ demo: 'EditStateManagement', themes: [THEME.material] },
@@ -105,134 +48,20 @@ export const skippedTests = {
10548
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.material] },
10649
{ demo: 'CellEditing', themes: [THEME.material] },
10750
],
108-
TreeList: [
109-
{ demo: 'Resizing', themes: [THEME.material] },
110-
{ demo: 'Overview', themes: [THEME.material] },
111-
],
11251
Gantt: [
11352
{ demo: 'Validation', themes: [THEME.generic, THEME.material, THEME.fluent] },
114-
{ demo: 'ContextMenu', themes: [THEME.material] },
115-
],
116-
Scheduler: [
117-
// NOTE: 'GroupByDate' demo has problems with rendering
118-
{ demo: 'GroupByDate', themes: [THEME.fluent, THEME.material] },
119-
],
120-
List: [
121-
{ demo: 'Search', themes: [THEME.material] },
122-
{ demo: 'DragAndDrop', themes: [THEME.fluent, THEME.material] },
12353
],
12454
Map: [
12555
{ demo: 'ProvidersAndTypes', themes: [THEME.generic, THEME.material, THEME.fluent] },
12656
{ demo: 'Markers', themes: [THEME.generic, THEME.material, THEME.fluent] },
12757
{ demo: 'Routes', themes: [THEME.generic, THEME.material, THEME.fluent] },
12858
],
129-
VectorMap: [
130-
{ demo: 'Overview', themes: [THEME.material] },
131-
{ demo: 'PieMarkers', themes: [THEME.material] },
132-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
133-
{ demo: 'CustomMapData', themes: [THEME.material] },
134-
{ demo: 'CustomProjection', themes: [THEME.material] },
135-
{ demo: 'Legend', themes: [THEME.material] },
136-
{ demo: 'MultipleLayers', themes: [THEME.material] },
137-
{ demo: 'Palette', themes: [THEME.material] },
138-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
139-
],
140-
RangeSelector: [
141-
{ demo: 'DiscreteScale', themes: [THEME.material] },
142-
{ demo: 'Calculation', themes: [THEME.material] },
143-
],
144-
PivotGrid: [
145-
{ demo: 'ExcelJSCellCustomization', themes: [THEME.material] },
146-
{ demo: 'Customization', themes: [THEME.material] },
147-
],
148-
Gauges: [
149-
{ demo: 'SubvalueIndicatorTextFormatting', themes: [THEME.material] },
150-
{ demo: 'SubvalueIndicatorsRuntimeCustomization', themes: [THEME.material] },
151-
{ demo: 'DifferentValueIndicatorTypesLinearGauge', themes: [THEME.material] },
152-
{ demo: 'ScaleLabelFormatting', themes: [THEME.material] },
153-
],
15459
},
15560
Vue: {
156-
Charts: [
157-
{ demo: 'TilingAlgorithms', themes: [THEME.material] },
158-
{ demo: 'ExportAndPrintingAPI', themes: [THEME.material] },
159-
{ demo: 'DiscreteAxisZoomingAndScrolling', themes: [THEME.material] },
160-
{ demo: 'Line', themes: [THEME.material] },
161-
{ demo: 'Spline', themes: [THEME.material] },
162-
{ demo: 'Colorization', themes: [THEME.material] },
163-
{ demo: 'SignalRService', themes: [THEME.material] },
164-
{ demo: 'PointsAggregation', themes: [THEME.material] },
165-
{ demo: 'SubvalueIndicatorTextFormatting', themes: [THEME.material] },
166-
{ demo: 'ResolveLabelOverlap', themes: [THEME.material] },
167-
{ demo: 'ClientSideDataProcessing', themes: [THEME.material] },
168-
{ demo: 'ServerSideDataProcessing', themes: [THEME.material] },
169-
{ demo: 'EqualSizePies', themes: [THEME.material] },
170-
{ demo: 'Palette', themes: [THEME.material] },
171-
{ demo: 'SpiderWeb', themes: [THEME.material] }, // NOTE: Requires preload font, which not work in testcafe
172-
],
173-
DataGrid: [
174-
{ demo: 'SignalRService', themes: [THEME.fluent, THEME.material] },
175-
{ demo: 'EditStateManagement', themes: [THEME.material] },
176-
{ demo: 'Toolbar', themes: [THEME.fluent, THEME.material] },
177-
{ demo: 'MultipleRecordSelectionModes', themes: [THEME.fluent] },
178-
{ demo: 'FilteringAPI', themes: [THEME.material] },
179-
{ demo: 'Filtering', themes: [THEME.fluent] },
180-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.material] },
181-
{ demo: 'DeferredSelection', themes: [THEME.material] },
182-
{ demo: 'CellEditing', themes: [THEME.material] },
183-
{ demo: 'PopupEditing', themes: [THEME.generic] },
184-
{ demo: 'RecordPaging', themes: [THEME.generic] },
185-
],
186-
FileManager: [
187-
{ demo: 'BindingToFileSystem', themes: [THEME.material] },
188-
{ demo: 'CustomThumbnails', themes: [THEME.generic] },
189-
],
190-
FilterBuilder: [
191-
{ demo: 'Customization', themes: [THEME.material] },
192-
],
193-
TreeList: [
194-
{ demo: 'Overview', themes: [THEME.material] },
195-
{ demo: 'MultipleRowSelection', themes: [THEME.material] },
196-
{ demo: 'Resizing', themes: [THEME.material] },
197-
],
19861
Map: [
19962
{ demo: 'ProvidersAndTypes', themes: [THEME.generic, THEME.material, THEME.fluent] },
20063
{ demo: 'Markers', themes: [THEME.generic, THEME.material, THEME.fluent] },
20164
{ demo: 'Routes', themes: [THEME.generic, THEME.material, THEME.fluent] },
20265
],
203-
Gauges: [
204-
{ demo: 'Overview', themes: [THEME.material] },
205-
{ demo: 'SubvalueIndicatorsRuntimeCustomization', themes: [THEME.material] },
206-
{ demo: 'ScaleLabelFormatting', themes: [THEME.material] },
207-
{ demo: 'SubvalueIndicatorTextFormatting', themes: [THEME.material] },
208-
{ demo: 'DifferentValueIndicatorTypes', themes: [THEME.material] },
209-
{ demo: 'DifferentValueIndicatorTypesLinearGauge', themes: [THEME.material] },
210-
],
211-
RangeSelector: [
212-
{ demo: 'Calculation', themes: [THEME.material] },
213-
{ demo: 'DiscreteScale', themes: [THEME.material] },
214-
],
215-
PivotGrid: [
216-
{ demo: 'Overview', themes: [THEME.material] },
217-
{ demo: 'Customization', themes: [THEME.material] },
218-
],
219-
VectorMap: [
220-
{ demo: 'CustomProjection', themes: [THEME.material] },
221-
{ demo: 'Spline', themes: [THEME.material] },
222-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
223-
{ demo: 'Palette', themes: [THEME.material] },
224-
{ demo: 'Overview', themes: [THEME.material] },
225-
{ demo: 'PieMarkers', themes: [THEME.material] },
226-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
227-
{ demo: 'MultipleLayers', themes: [THEME.material] },
228-
{ demo: 'CustomMapData', themes: [THEME.material] },
229-
{ demo: 'Legend', themes: [THEME.material] },
230-
],
231-
Gantt: [
232-
{ demo: 'ContextMenu', themes: [THEME.material] },
233-
{ demo: 'Validation', themes: [THEME.generic, THEME.material, THEME.fluent] },
234-
{ demo: 'TaskTemplate', themes: [THEME.generic, THEME.material, THEME.fluent] },
235-
],
236-
Pagination: ['Overview'],
23766
},
23867
};

‎apps/demos/utils/visual-tests/matrix-test-helper.ts‎

Lines changed: 3 additions & 139 deletions
Original file line numberDiff line numberDiff line change
@@ -224,145 +224,9 @@ const SKIPPED_TESTS = {
224224
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
225225
]
226226
},
227-
Angular: {
228-
Common: [
229-
{ demo: 'PopupAndNotificationsOverview', themes: [THEME.generic, THEME.material, THEME.fluent] },
230-
],
231-
Charts: [
232-
{ demo: 'Overview', themes: [THEME.material] },
233-
{ demo: 'Crosshair', themes: [THEME.material] },
234-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
235-
{ demo: 'LoadDataOnDemand', themes: [THEME.material] },
236-
{ demo: 'LegendMarkersCustomization', themes: [THEME.material] },
237-
{ demo: 'PieResolveLabelOverlap', themes: [THEME.material] },
238-
{ demo: 'ZoomingAndScrollingAPI', themes: [THEME.material] },
239-
{ demo: 'AreaSelectionZooming', themes: [THEME.material] },
240-
{ demo: 'TooltipCustomization', themes: [THEME.material] },
241-
{ demo: 'ExportCustomMarkup', themes: [THEME.material] },
242-
{ demo: 'PopupEditing', themes: [THEME.material] },
243-
],
244-
DataGrid: [
245-
{ demo: 'Appearance', themes: [THEME.generic, THEME.material, THEME.fluent] },
246-
{ demo: 'AdvancedMasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
247-
{ demo: 'BatchEditing', themes: [THEME.generic, THEME.material, THEME.fluent] },
248-
{ demo: 'AjaxRequest', themes: [THEME.generic, THEME.material, THEME.fluent] },
249-
{ demo: 'InfiniteScrolling', themes: [THEME.generic, THEME.material, THEME.fluent] },
250-
{ demo: 'MasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
251-
{ demo: 'SimpleArray', themes: [THEME.generic, THEME.material, THEME.fluent] },
252-
{ demo: 'MasterDetailAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
253-
{ demo: 'DataValidation', themes: [THEME.generic, THEME.material, THEME.fluent] },
254-
{ demo: 'MultipleSorting', themes: [THEME.generic, THEME.material, THEME.fluent] },
255-
{ demo: 'OdataService', themes: [THEME.generic, THEME.material, THEME.fluent] },
256-
{ demo: 'NewRecordPosition', themes: [THEME.generic, THEME.material, THEME.fluent] },
257-
{ demo: 'Filtering', themes: [THEME.generic, THEME.material, THEME.fluent] },
258-
{ demo: 'FilteringAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
259-
{ demo: 'GroupSummaries', themes: [THEME.generic, THEME.material, THEME.fluent] },
260-
{ demo: 'RecordPaging', themes: [THEME.generic, THEME.material, THEME.fluent] },
261-
{ demo: 'RowSelection', themes: [THEME.generic, THEME.material, THEME.fluent] },
262-
{ demo: 'MultipleSelection', themes: [THEME.material, THEME.fluent] },
263-
{ demo: 'CellEditing', themes: [THEME.generic, THEME.fluent, THEME.material] },
264-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.generic, THEME.fluent, THEME.material] },
265-
{ demo: 'RemoteGrouping', themes: [THEME.generic, THEME.fluent, THEME.material] },
266-
{ demo: 'RowEditing', themes: [THEME.generic, THEME.fluent, THEME.material] },
267-
{ demo: 'EditStateManagement', themes: [THEME.generic, THEME.fluent, THEME.material] },
268-
{ demo: 'RecordGrouping', themes: [THEME.generic, THEME.material, THEME.fluent] },
269-
{ demo: 'Toolbar', themes: [THEME.generic, THEME.material, THEME.fluent] },
270-
{ demo: 'StatePersistence', themes: [THEME.generic, THEME.fluent, THEME.material] },
271-
],
272-
Scheduler: [
273-
// NOTE: Context menu appearance is different in comparison to other frameworks
274-
{ demo: 'ContextMenu', themes: [THEME.generic, THEME.fluent, THEME.material] },
275-
],
276-
Sortable: [
277-
{ demo: 'Kanban', themes: [THEME.generic, THEME.material, THEME.fluent] },
278-
],
279-
PivotGrid: [
280-
{ demo: 'IntegratedFieldChooser', themes: [THEME.generic, THEME.material, THEME.fluent] },
281-
],
282-
FileUploader: [
283-
{ demo: 'CustomDropzone', themes: [THEME.generic, THEME.material, THEME.fluent] },
284-
],
285-
VectorMap: [
286-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
287-
],
288-
},
289-
Vue: {
290-
Common: [
291-
{ demo: 'PopupAndNotificationsOverview', themes: [THEME.generic, THEME.material, THEME.fluent] },
292-
],
293-
Charts: [
294-
{ demo: 'Overview', themes: [THEME.material] },
295-
{ demo: 'ZoomingAndScrollingAPI', themes: [THEME.material] },
296-
{ demo: 'AreaSelectionZooming', themes: [THEME.material] },
297-
{ demo: 'LegendMarkersCustomization', themes: [THEME.material] },
298-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
299-
{ demo: 'PieResolveLabelOverlap', themes: [THEME.material] },
300-
{ demo: 'Crosshair', themes: [THEME.material] },
301-
],
302-
VectorMap: [
303-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
304-
],
305-
DataGrid: [
306-
{ demo: 'BatchEditing', themes: [THEME.fluent] },
307-
{ demo: 'NewRecordPosition', themes: [THEME.fluent] },
308-
{ demo: 'CellEditing', themes: [THEME.fluent, THEME.material] },
309-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.fluent, THEME.material] },
310-
{ demo: 'RemoteGrouping', themes: [THEME.fluent, THEME.material] },
311-
{ demo: 'RowEditing', themes: [THEME.generic, THEME.fluent, THEME.material] },
312-
{ demo: 'EditStateManagement', themes: [THEME.generic, THEME.fluent, THEME.material] },
313-
{ demo: 'FilteringAPI', themes: [THEME.material] },
314-
{ demo: 'PopupEditing', themes: [THEME.generic] },
315-
{ demo: 'Toolbar', themes: [THEME.generic, THEME.fluent, THEME.material] },
316-
{ demo: 'StatePersistence', themes: [THEME.generic, THEME.fluent, THEME.material] },
317-
],
318-
FileUploader: [
319-
{ demo: 'CustomDropzone', themes: [THEME.generic, THEME.material, THEME.fluent] },
320-
],
321-
Scheduler: [
322-
// NOTE: Context menu item position is different across themes
323-
{ demo: 'ContextMenu', themes: [THEME.generic, THEME.fluent, THEME.material] },
324-
],
325-
},
326-
React: {
327-
Common: [
328-
{ demo: 'PopupAndNotificationsOverview', themes: [THEME.generic, THEME.material, THEME.fluent] },
329-
],
330-
Charts: [
331-
{ demo: 'Overview', themes: [THEME.material] },
332-
{ demo: 'PieResolveLabelOverlap', themes: [THEME.material] },
333-
{ demo: 'ZoomingAndScrollingAPI', themes: [THEME.material] },
334-
{ demo: 'Crosshair', themes: [THEME.material] },
335-
{ demo: 'CustomAnnotations', themes: [THEME.material] },
336-
{ demo: 'LegendMarkersCustomization', themes: [THEME.material] },
337-
],
338-
DataGrid: [
339-
{ demo: 'BatchEditing', themes: [THEME.fluent] },
340-
{ demo: 'NewRecordPosition', themes: [THEME.fluent] },
341-
{ demo: 'CellEditing', themes: [THEME.fluent, THEME.material] },
342-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.fluent, THEME.material] },
343-
{ demo: 'RemoteGrouping', themes: [THEME.fluent, THEME.material] },
344-
{ demo: 'RowEditing', themes: [THEME.generic, THEME.fluent, THEME.material] },
345-
{ demo: 'EditStateManagement', themes: [THEME.generic, THEME.fluent, THEME.material] },
346-
{ demo: 'Filtering', themes: [THEME.fluent, THEME.material] },
347-
{ demo: 'RecordGrouping', themes: [THEME.material] },
348-
{ demo: 'Toolbar', themes: [THEME.generic, THEME.fluent, THEME.material] },
349-
{ demo: 'StatePersistence', themes: [THEME.generic, THEME.fluent, THEME.material] },
350-
],
351-
Scheduler: [
352-
// NOTE: Context menu item position is different across themes
353-
{ demo: 'ContextMenu', themes: [THEME.generic, THEME.fluent, THEME.material] },
354-
],
355-
FileUploader: [
356-
{ demo: 'CustomDropzone', themes: [THEME.generic, THEME.material, THEME.fluent] },
357-
],
358-
Form: [
359-
// Flaky issue: Source image size does not match target size
360-
{ demo: 'ItemCustomization', themes: [THEME.generic] },
361-
],
362-
VectorMap: [
363-
{ demo: 'TooltipsCustomization', themes: [THEME.material] },
364-
],
365-
},
227+
Angular: { },
228+
Vue: { },
229+
React: { },
366230
};
367231

368232
export function shouldSkipDemo(framework, component, demoName, skippedTests) {

0 commit comments

Comments
 (0)