Skip to content

Commit 982c5b4

Browse files
author
marker dao ®
committed
feat(matrix): Unskip && Set t.wait
1 parent d9b7ed9 commit 982c5b4

File tree

12 files changed

+94
-68
lines changed

12 files changed

+94
-68
lines changed

apps/demos/testing/widgets/accordion/Accordion.test.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,12 @@ fixture('Accordion.Overview')
1212
ctx.initialWindowSize = [900, 600];
1313
});
1414

15-
runManualTest('Accordion', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
15+
runManualTest('Accordion', 'Overview', ['jQuery', 'React', 'Angular', 'Vue'], (test) => {
1616
test('Custom Overview Appearance', async (t) => {
1717
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1818

19+
await t.wait(1000);
20+
1921
await t
2022
.click($(`.${ITEM_TITLE_CLASS}`).nth(1))
2123
.wait(200);

apps/demos/testing/widgets/common/EditorAppearanceVariants.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@ runManualTest('Common', 'EditorAppearanceVariants', ['React', 'Vue', 'Angular',
1414
test('EditorAppearanceVariants', async (t) => {
1515
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1616

17+
await t.wait(1000);
18+
1719
const SELECTBOX_CLASS = 'dx-selectbox';
1820
const stylingModes = ['outlined', 'filled', 'underlined'];
1921
const labelModes = ['static', 'floating', 'hidden', 'outside'];

apps/demos/testing/widgets/dropdownbox/MultipleSelection.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@ runManualTest('DropDownBox', 'MultipleSelection', ['jQuery', 'React', 'Vue', 'An
1414
const DROP_DOWN_BOX_CLASS = 'dx-dropdownbox';
1515
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1616

17+
await t.wait(1000);
18+
1719
await t
1820
.click($(`.${DROP_DOWN_BOX_CLASS}`).nth(0))
1921
.wait(200);

apps/demos/testing/widgets/dropdownbutton/DropDownButton.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,8 @@ runManualTest('DropDownButton', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'
1616
test('Custom Overview Appearance', async (t) => {
1717
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1818

19+
await t.wait(1000);
20+
1921
await t
2022
.click($(`.${DROP_DOWN_BUTTON_CLASS}`).nth(0))
2123
.wait(200);

apps/demos/testing/widgets/gauges/GaugeVariableNumberBars.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ runManualTest('Gauges', 'VariableNumberOfBars', ['jQuery', 'React', 'Vue', 'Angu
1313
test('Bars visibility changing', async (t) => {
1414
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1515

16+
await t.wait(1000);
17+
1618
const checkBoxes = $('.dx-checkbox-icon');
1719

1820
await t.click(checkBoxes.nth(2));

apps/demos/testing/widgets/list/ItemDragging.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ fixture('List.ItemDragging')
1111

1212
runManualTest('List', 'ItemDragging', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
1313
test('ItemDragging', async (t) => {
14+
await t.wait(1000);
15+
1416
const REORDER_HANDLE_CLASS = 'dx-list-reorder-handle';
1517
const LIST_CLASS = 'dx-list';
1618
const LIST_ITEM_CLASS = 'dx-list-item';

apps/demos/testing/widgets/popup/Scrolling.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ runManualTest('Popup', 'Scrolling', ['jQuery', 'React', 'Vue', 'Angular'], (test
1818
test('Scrolling', async (t) => {
1919
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
2020

21+
await t.wait(1000);
22+
2123
await t.click(Selector(`.${BUTTON_CLASS}`).nth(0));
2224
await testScreenshot(t, takeScreenshot, 'popup with scrollable container.png');
2325

apps/demos/testing/widgets/sortable/kanban.test.js

+6
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
1818
test('Drag-n-drop kanban columns', async (t) => {
1919
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
2020

21+
await t.wait(1000);
22+
2123
await t.drag(Selector(CLASSES.listTitle).nth(0), 600, 50, { speed: 0.5 });
2224
await testScreenshot(t, takeScreenshot, 'kanban_list_drag-n-drop.png');
2325

@@ -30,6 +32,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
3032
test('Drag-n-drop card inside the same column', async (t) => {
3133
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
3234

35+
await t.wait(1000);
36+
3337
await t.drag(Selector(CLASSES.card).nth(3), 25, 200, { speed: 0.5 });
3438
await testScreenshot(t, takeScreenshot, 'kanban_card_drag-n-drop_same-column.png');
3539

@@ -42,6 +46,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
4246
test('Drag-n-drop card to a different column', async (t) => {
4347
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
4448

49+
await t.wait(1000);
50+
4551
await t.drag(Selector(CLASSES.card).nth(3), 300, 150, { speed: 0.5 });
4652
await testScreenshot(t, takeScreenshot, 'kanban_card_drag-n-drop_different-column.png');
4753

apps/demos/testing/widgets/splitter/Overview.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ runManualTest('Splitter', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (te
1515
test('Correct Focus styles on every Item Panes', async (t) => {
1616
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
1717

18+
await t.wait(1000);
19+
1820
await t
1921
.click($(`.${PANE_CONTENT_CLASS}`).nth(0));
2022

apps/demos/testing/widgets/tabpanel/Overview.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ runManualTest('TabPanel', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (te
1818
test('Overview', async (t) => {
1919
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
2020

21+
await t.wait(1000);
22+
2123
await t
2224
.click($(`.${OPTION_CLASS} .${SELECTBOX_CLASS}`).nth(0))
2325
.click($(`.${SELECTBOX_POPUP_WRAPPER_CLASS} .${LIST_ITEM_CLASS}`).nth(1))

apps/demos/testing/widgets/toolbar/Adaptability.test.js

+2
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@ runManualTest('Toolbar', 'Adaptability', ['jQuery', 'React', 'Vue', 'Angular'],
1919
test('Adaptability', async (t) => {
2020
const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
2121

22+
await t.wait(1000);
23+
2224
await t.drag($(`.${RESIZABLE_HANDLE_RIGHT_CLASS}`), -400, 0);
2325
await testScreenshot(t, takeScreenshot, 'toolbar_multiline_mode_minimize.png');
2426

apps/demos/utils/visual-tests/matrix-test-helper.js

+67-67
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export const waitForAngularLoading = ClientFunction(() => new Promise((resolve)
4141
let demoAppCounter = 0;
4242
const demoAppIntervalHandle = setInterval(() => {
4343
const demoApp = document.querySelector('demo-app');
44-
if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 150) {
44+
if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 120) {
4545
setTimeout(resolve, 1000);
4646
clearInterval(demoAppIntervalHandle);
4747
}
@@ -196,72 +196,72 @@ const SKIPPED_TESTS = {
196196
],
197197
},
198198
Angular: {
199-
Accordion: [
200-
{ demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] },
201-
],
202-
Charts: [
203-
{ demo: 'Overview', themes: [THEME.material] },
204-
{ demo: 'Crosshair', themes: [THEME.generic, THEME.material, THEME.fluent] },
205-
{ demo: 'CustomAnnotations', themes: [THEME.generic, THEME.material, THEME.fluent] },
206-
{ demo: 'LoadDataOnDemand', themes: [THEME.generic, THEME.material, THEME.fluent] },
207-
{ demo: 'CustomLegendMarkers', themes: [THEME.generic, THEME.material, THEME.fluent] },
208-
{ demo: 'PieWithResolvedLabelOverlapping', themes: [THEME.generic, THEME.material, THEME.fluent] },
209-
{ demo: 'ZoomingAndScrollingAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
210-
{ demo: 'ZoomingOnAreaSelection', themes: [THEME.generic, THEME.material, THEME.fluent] },
211-
{ demo: 'TooltipHTMLSupport', themes: [THEME.material] },
212-
{ demo: 'Export', themes: [THEME.generic, THEME.material, THEME.fluent] },
213-
{ demo: 'ExportCustomMarkup', themes: [THEME.generic, THEME.material, THEME.fluent] },
214-
{ demo: 'PopupEditing', themes: [THEME.generic, THEME.material, THEME.fluent] },
215-
{ demo: 'ClientSideDataProcessing', themes: [THEME.generic, THEME.material, THEME.fluent] },
216-
],
217-
VectorMap: [
218-
{ demo: 'TooltipHTMLSupport', themes: [THEME.material] },
219-
{ demo: 'DynamicViewport', themes: [THEME.generic, THEME.material, THEME.fluent] },
220-
],
221-
DataGrid: [
222-
{ demo: 'Appearance', themes: [THEME.generic, THEME.material, THEME.fluent] },
223-
{ demo: 'AdvancedMasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
224-
{ demo: 'BatchEditing', themes: [THEME.generic, THEME.material, THEME.fluent] },
225-
{ demo: 'AjaxRequest', themes: [THEME.generic, THEME.material, THEME.fluent ] },
226-
{ demo: 'InfiniteScrolling', themes: [THEME.generic, THEME.material, THEME.fluent] },
227-
{ demo: 'MasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
228-
{ demo: 'SimpleArray', themes: [THEME.generic, THEME.material, THEME.fluent] },
229-
{ demo: 'MasterDetailAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
230-
{ demo: 'DataValidation', themes: [THEME.generic, THEME.material, THEME.fluent] },
231-
{ demo: 'MultipleSorting', themes: [THEME.generic, THEME.material, THEME.fluent] },
232-
{ demo: 'OdataService', themes: [THEME.generic, THEME.material, THEME.fluent] },
233-
{ demo: 'CustomNewRecordPosition', themes: [THEME.generic, THEME.material, THEME.fluent] },
234-
{ demo: 'Filtering', themes: [THEME.generic, THEME.material, THEME.fluent] },
235-
{ demo: 'FilteringAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
236-
{ demo: 'GroupSummaries', themes: [THEME.generic, THEME.material, THEME.fluent ] },
237-
{ demo: 'RecordPaging', themes: [THEME.generic, THEME.material, THEME.fluent] },
238-
{ demo: 'RowSelection', themes: [THEME.generic, THEME.material, THEME.fluent] },
239-
{ demo: 'MultipleSelection', themes: [THEME.material, THEME.fluent] },
240-
{ demo: 'CellEditingAndEditingAPI', themes: [THEME.generic, THEME.fluent, THEME.material] },
241-
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.generic, THEME.fluent, THEME.material] },
242-
{ demo: 'RemoteGrouping', themes: [THEME.generic, THEME.fluent, THEME.material] },
243-
{ demo: 'RowEditingAndEditingEvents', themes: [THEME.generic, THEME.fluent, THEME.material] },
244-
{ demo: 'EditStateManagement', themes: [THEME.generic, THEME.fluent, THEME.material] },
245-
{ demo: 'RecordGrouping', themes: [THEME.generic, THEME.material, THEME.fluent] },
246-
{ demo: 'ToolbarCustomization', themes: [THEME.generic, THEME.material, THEME.fluent] },
247-
{ demo: 'ColumnCustomization', themes: [THEME.generic, THEME.material, THEME.fluent] },
248-
],
249-
Form: [
250-
'CustomizeItem',
251-
{ demo: 'Validation', themes: [THEME.material] },
252-
],
253-
Scheduler: [
254-
'CustomDragAndDrop',
255-
{ demo: 'Resources', themes: [THEME.fluent] },
256-
{ demo: 'CellTemplates', themes: [THEME.generic, THEME.material, THEME.fluent] },
257-
{ demo: 'Resources', themes: [THEME.generic, THEME.material, THEME.fluent] },
258-
],
259-
PivotGrid: [
260-
{ demo: 'IntegratedFieldChooser', themes: [THEME.generic, THEME.material, THEME.fluent] },
261-
],
262-
Toolbar: [
263-
{ demo: 'Adaptability', themes: [THEME.generic, THEME.material, THEME.fluent] },
264-
]
199+
// Accordion: [
200+
// { demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] },
201+
// ],
202+
Charts: [
203+
{ demo: 'ClientSideDataProcessing', themes: [THEME.generic, THEME.material, THEME.fluent] },
204+
{ demo: 'Crosshair', themes: [THEME.generic, THEME.material, THEME.fluent] },
205+
{ demo: 'CustomAnnotations', themes: [THEME.generic, THEME.material, THEME.fluent] },
206+
{ demo: 'CustomLegendMarkers', themes: [THEME.generic, THEME.material, THEME.fluent] },
207+
{ demo: 'Export', themes: [THEME.generic, THEME.material, THEME.fluent] },
208+
{ demo: 'ExportCustomMarkup', themes: [THEME.generic, THEME.material, THEME.fluent] },
209+
{ demo: 'LoadDataOnDemand', themes: [THEME.generic, THEME.material, THEME.fluent] },
210+
{ demo: 'Overview', themes: [THEME.material] },
211+
{ demo: 'PieWithResolvedLabelOverlapping', themes: [THEME.generic, THEME.material, THEME.fluent] },
212+
{ demo: 'PopupEditing', themes: [THEME.generic, THEME.material, THEME.fluent] },
213+
{ demo: 'TooltipHTMLSupport', themes: [THEME.material] },
214+
{ demo: 'ZoomingAndScrollingAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
215+
{ demo: 'ZoomingOnAreaSelection', themes: [THEME.generic, THEME.material, THEME.fluent] },
216+
],
217+
DataGrid: [
218+
{ demo: 'AdvancedMasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
219+
{ demo: 'AjaxRequest', themes: [THEME.generic, THEME.material, THEME.fluent] },
220+
{ demo: 'Appearance', themes: [THEME.generic, THEME.material, THEME.fluent] },
221+
{ demo: 'BatchEditing', themes: [THEME.generic, THEME.material, THEME.fluent] },
222+
{ demo: 'CellEditingAndEditingAPI', themes: [THEME.generic, THEME.fluent, THEME.material] },
223+
{ demo: 'ColumnCustomization', themes: [THEME.generic, THEME.material, THEME.fluent] },
224+
{ demo: 'CustomNewRecordPosition', themes: [THEME.generic, THEME.material, THEME.fluent] },
225+
{ demo: 'DataValidation', themes: [THEME.generic, THEME.material, THEME.fluent] },
226+
{ demo: 'EditStateManagement', themes: [THEME.generic, THEME.fluent, THEME.material] },
227+
{ demo: 'Filtering', themes: [THEME.generic, THEME.material, THEME.fluent] },
228+
{ demo: 'FilteringAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
229+
{ demo: 'GroupSummaries', themes: [THEME.generic, THEME.material, THEME.fluent] },
230+
{ demo: 'InfiniteScrolling', themes: [THEME.generic, THEME.material, THEME.fluent] },
231+
{ demo: 'MasterDetailAPI', themes: [THEME.generic, THEME.material, THEME.fluent] },
232+
{ demo: 'MasterDetailView', themes: [THEME.generic, THEME.material, THEME.fluent] },
233+
{ demo: 'MultipleRecordSelectionAPI', themes: [THEME.generic, THEME.fluent, THEME.material] },
234+
{ demo: 'MultipleSelection', themes: [THEME.material, THEME.fluent] },
235+
{ demo: 'MultipleSorting', themes: [THEME.generic, THEME.material, THEME.fluent] },
236+
{ demo: 'OdataService', themes: [THEME.generic, THEME.material, THEME.fluent] },
237+
{ demo: 'RecordGrouping', themes: [THEME.generic, THEME.material, THEME.fluent] },
238+
{ demo: 'RecordPaging', themes: [THEME.generic, THEME.material, THEME.fluent] },
239+
{ demo: 'RemoteGrouping', themes: [THEME.generic, THEME.fluent, THEME.material] },
240+
{ demo: 'RowEditingAndEditingEvents', themes: [THEME.generic, THEME.fluent, THEME.material] },
241+
{ demo: 'RowSelection', themes: [THEME.generic, THEME.material, THEME.fluent] },
242+
{ demo: 'SimpleArray', themes: [THEME.generic, THEME.material, THEME.fluent] },
243+
{ demo: 'ToolbarCustomization', themes: [THEME.generic, THEME.material, THEME.fluent] },
244+
],
245+
Form: [
246+
'CustomizeItem',
247+
{ demo: 'Validation', themes: [THEME.material] },
248+
],
249+
PivotGrid: [
250+
{ demo: 'IntegratedFieldChooser', themes: [THEME.generic, THEME.material, THEME.fluent] },
251+
],
252+
Scheduler: [
253+
'CustomDragAndDrop',
254+
{ demo: 'CellTemplates', themes: [THEME.generic, THEME.material, THEME.fluent] },
255+
{ demo: 'Resources', themes: [THEME.fluent] },
256+
{ demo: 'Resources', themes: [THEME.generic, THEME.material, THEME.fluent] },
257+
],
258+
// Toolbar: [
259+
// { demo: 'Adaptability', themes: [THEME.generic, THEME.material, THEME.fluent] },
260+
// ],
261+
VectorMap: [
262+
{ demo: 'DynamicViewport', themes: [THEME.generic, THEME.material, THEME.fluent] },
263+
{ demo: 'TooltipHTMLSupport', themes: [THEME.material] },
264+
],
265265
},
266266
Vue: {
267267
Accordion: [

0 commit comments

Comments
 (0)