fix: add optional delay time in the browser drag option

elastic · Oct 6, 2020 · 13be543 · 13be543
1 parent cf5ff6a
commit 13be543
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/test/functional/page_objects/discover_page.ts b/test/functional/page_objects/discover_page.ts
@@ -158,7 +158,8 @@ export function DiscoverPageProvider({ getService, getPageObjects }: FtrProvider
 
       await browser.dragAndDrop(
         { location: el, offset: { x: -300, y: 20 } },
-        { location: el, offset: { x: -100, y: 30 } }
+        { location: el, offset: { x: -100, y: 30 } },
+        200
       );
     }
 

diff --git a/test/functional/services/common/browser.ts b/test/functional/services/common/browser.ts
@@ -218,11 +218,13 @@ export async function BrowserProvider({ getService }: FtrProviderContext) {
      *
      * @param {{element: WebElementWrapper | {x: number, y: number}, offset: {x: number, y: number}}} from
      * @param {{element: WebElementWrapper | {x: number, y: number}, offset: {x: number, y: number}}} to
+     * @param delay in ms
      * @return {Promise<void>}
      */
     public async dragAndDrop(
       from: { offset?: { x: any; y: any }; location: any },
-      to: { offset?: { x: any; y: any }; location: any }
+      to: { offset?: { x: any; y: any }; location: any },
+      delay = 0
     ) {
       // The offset should be specified in pixels relative to the center of the element's bounding box
       const getW3CPoint = (data: any) => {
@@ -237,7 +239,13 @@ export async function BrowserProvider({ getService }: FtrProviderContext) {
       const startPoint = getW3CPoint(from);
       const endPoint = getW3CPoint(to);
       await this.getActions().move({ x: 0, y: 0 }).perform();
-      return await this.getActions().move(startPoint).press().move(endPoint).release().perform();
+      return await this.getActions()
+        .move(startPoint)
+        .press()
+        .pause(delay)
+        .move(endPoint)
+        .release()
+        .perform();
     }
 
     /**