feat(matrix): Unskip && Set t.wait

Author: marker dao ®

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

@@ -16,6 +16,8 @@ runManualTest('Accordion', 'Overview', ['jQuery', 'React', 'Angular', 'Vue'], (t
   test('Custom Overview Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${ITEM_TITLE_CLASS}`).nth(1))
       .wait(200);

apps/demos/testing/widgets/chat/Customization.test.js

@@ -18,6 +18,8 @@ runManualTest('Chat', 'Customization', ['jQuery', 'React', 'Vue', 'Angular'], (t
   test('Customization', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click(Selector(`.${SELECTBOX_CLASS}`).nth(0))
       .click(Selector(`.${LIST_ITEM_CLASS}`).nth(2))

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

@@ -14,6 +14,8 @@ runManualTest('Common', 'EditorAppearanceVariants', ['jQuery', 'React', 'Vue', '
   test('EditorAppearanceVariants', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     const SELECTBOX_CLASS = 'dx-selectbox';
     const stylingModes = ['outlined', 'filled', 'underlined'];
     const labelModes = ['static', 'floating', 'hidden', 'outside'];

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

@@ -14,6 +14,8 @@ runManualTest('DropDownBox', 'MultipleSelection', ['jQuery', 'React', 'Vue', 'An
     const DROP_DOWN_BOX_CLASS = 'dx-dropdownbox';
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${DROP_DOWN_BOX_CLASS}`).nth(0))
       .wait(200);

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

@@ -16,6 +16,8 @@ runManualTest('DropDownButton', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'
   test('Custom Overview Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${DROP_DOWN_BUTTON_CLASS}`).nth(0))
       .wait(200);

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

@@ -13,6 +13,8 @@ runManualTest('Gauges', 'VariableNumberOfBars', ['jQuery', 'React', 'Vue', 'Angu
   test('Bars visibility changing', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     const checkBoxes = $('.dx-checkbox-icon');
 
     await t.click(checkBoxes.nth(2));

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

@@ -11,6 +11,8 @@ fixture('List.ItemDragging')
 
 runManualTest('List', 'ItemDragging', ['jQuery', 'React', 'Vue', 'Angular'], (test) => {
   test('ItemDragging', async (t) => {
+    await t.wait(1000);
+
     const REORDER_HANDLE_CLASS = 'dx-list-reorder-handle';
     const LIST_CLASS = 'dx-list';
     const LIST_ITEM_CLASS = 'dx-list-item';

apps/demos/testing/widgets/lookup/Lookup.test.js

@@ -15,6 +15,8 @@ runManualTest('Lookup', 'Basics', ['jQuery', 'React', 'Vue', 'Angular'], (test)
   test('Custom Lookup Appearance', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${LOOKUP_CLASS}`).nth(0))
       .wait(200);

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

@@ -18,6 +18,8 @@ runManualTest('Popup', 'Scrolling', ['jQuery', 'React', 'Vue', 'Angular'], (test
   test('Scrolling', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t.click(Selector(`.${BUTTON_CLASS}`).nth(0));
     await testScreenshot(t, takeScreenshot, 'popup with scrollable container.png');
 

apps/demos/testing/widgets/selectbox/GroupedItems.test.js

@@ -14,6 +14,8 @@ runManualTest('SelectBox', 'GroupedItems', ['jQuery', 'React', 'Vue', 'Angular']
     const SELECT_BOX_CLASS = 'dx-selectbox';
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${SELECT_BOX_CLASS}`).nth(0))
       .wait(200);

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

@@ -18,6 +18,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
   test('Drag-n-drop kanban columns', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t.drag(Selector(CLASSES.listTitle).nth(0), 600, 50, { speed: 0.5 });
     await testScreenshot(t, takeScreenshot, 'kanban_list_drag-n-drop.png');
 
@@ -30,6 +32,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
   test('Drag-n-drop card inside the same column', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t.drag(Selector(CLASSES.card).nth(3), 25, 200, { speed: 0.5 });
     await testScreenshot(t, takeScreenshot, 'kanban_card_drag-n-drop_same-column.png');
 
@@ -42,6 +46,8 @@ runManualTest('Sortable', 'Kanban', ['jQuery', 'React', 'Vue', 'Angular'], (test
   test('Drag-n-drop card to a different column', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t.drag(Selector(CLASSES.card).nth(3), 300, 150, { speed: 0.5 });
     await testScreenshot(t, takeScreenshot, 'kanban_card_drag-n-drop_different-column.png');
 

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

@@ -15,6 +15,8 @@ runManualTest('Splitter', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (te
   test('Correct Focus styles on every Item Panes', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${PANE_CONTENT_CLASS}`).nth(0));
 

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

@@ -18,6 +18,8 @@ runManualTest('TabPanel', 'Overview', ['jQuery', 'React', 'Vue', 'Angular'], (te
   test('Overview', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t
       .click($(`.${OPTION_CLASS} .${SELECTBOX_CLASS}`).nth(0))
       .click($(`.${SELECTBOX_POPUP_WRAPPER_CLASS} .${LIST_ITEM_CLASS}`).nth(1))

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

@@ -19,6 +19,8 @@ runManualTest('Toolbar', 'Adaptability', ['jQuery', 'React', 'Vue', 'Angular'],
   test('Adaptability', async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
+    await t.wait(1000);
+
     await t.drag($(`.${RESIZABLE_HANDLE_RIGHT_CLASS}`), -400, 0);
     await testScreenshot(t, takeScreenshot, 'toolbar_multiline_mode_minimize.png');
 

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

@@ -42,7 +42,7 @@ export const waitForAngularLoading = ClientFunction(() => new Promise((resolve)
   const demoAppIntervalHandle = setInterval(() => {
     const demoApp = document.querySelector('demo-app');
     if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 120) {
-      setTimeout(resolve, 3000);
+      setTimeout(resolve, 1000);
       clearInterval(demoAppIntervalHandle);
     }
     demoAppCounter += 1;
@@ -192,9 +192,9 @@ const SKIPPED_TESTS = {
     ],
   },
   Angular: {
-    Accordion: [
-      { demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] },
-    ],
+    // Accordion: [
+    //   { demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] },
+    // ],
     Charts: [
       { demo: 'Crosshair', themes: [THEME.generic, THEME.material, THEME.fluent] },
       { demo: 'CustomAnnotations', themes: [THEME.generic, THEME.material, THEME.fluent] },
@@ -279,9 +279,9 @@ const SKIPPED_TESTS = {
     // TabPanel: [
     //   { demo: 'Overview', themes: [THEME.generic, THEME.material, THEME.fluent] },
     // ],
-    Toolbar: [
-      { demo: 'Adaptability', themes: [THEME.generic, THEME.material, THEME.fluent] },
-    ],
+    // Toolbar: [
+    //   { demo: 'Adaptability', themes: [THEME.generic, THEME.material, THEME.fluent] },
+    // ],
     VectorMap: [
       { demo: 'TooltipHTMLSupport', themes: [THEME.material] },
       { demo: 'DynamicViewport', themes: [THEME.generic, THEME.material, THEME.fluent] },