Fix cypress tests

clauderic · Jun 22, 2021 · b5d7813 · b5d7813
1 parent 406c81f
commit b5d7813
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/cypress.json b/cypress.json
@@ -2,5 +2,6 @@
   "$schema": "https://on.cypress.io/cypress.schema.json",
   "supportFile": "cypress/support/index.ts",
   "projectId": "zkn9qu",
-  "baseUrl": "http://localhost:6006/"
+  "baseUrl": "http://localhost:6006/",
+  "viewportHeight": 1000
 }
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
@@ -135,10 +135,20 @@ Cypress.Commands.add(
 
     cy.wrap(subject, {log: false})
       .focus({log: false})
-      .type(Keys.Space, {force: true, log: false})
+      .type(Keys.Space, {
+        delay: 150,
+        scrollBehavior: false,
+        force: true,
+        log: false,
+      })
       .closest('body')
-      .type(arrowKey.repeat(times), {delay: 150, force: true})
-      .type(Keys.Space, {log: false, force: true});
+      .type(arrowKey.repeat(times), {
+        scrollBehavior: false,
+        delay: 150,
+        force: true,
+      })
+      .wait(150)
+      .type(Keys.Space, {scrollBehavior: false, log: false, force: true});
   }
 );
 

diff --git a/stories/2 - Presets/Sortable/3-Grid.story.tsx b/stories/2 - Presets/Sortable/3-Grid.story.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import {LayoutMeasuringStrategy} from '@dnd-kit/core';
-import {restrictToWindowEdges} from '@dnd-kit/modifiers';
 import {
   AnimateLayoutChanges,
   defaultAnimateLayoutChanges,
@@ -22,7 +21,6 @@ const props: Partial<SortableProps> = {
     width: 140,
     height: 140,
   }),
-  modifiers: [restrictToWindowEdges],
 };
 
 export const BasicSetup = () => <Sortable {...props} />;