storybook-addon-playwright 4.16.2 → 4.17.0

package/dist/api/server/data/action-schema.json

@@ -54,6 +54,16 @@
                     }
                 },
                 "additionalProperties": false
+            },
+            "options": {
+                "type": "object",
+                "properties": {
+                    "steps": {
+                        "type": "number",
+                        "default": 1
+                    }
+                },
+                "additionalProperties": false
             }
         },
         "required": [
@@ -93,6 +103,10 @@
             "options": {
                 "type": "object",
                 "properties": {
+                    "steps": {
+                        "type": "number",
+                        "default": 1
+                    },
                     "skipMouseUp": {
                         "type": "boolean"
                     }
@@ -150,6 +164,16 @@
                     }
                 },
                 "additionalProperties": false
+            },
+            "options": {
+                "type": "object",
+                "properties": {
+                    "steps": {
+                        "type": "number",
+                        "default": 1
+                    }
+                },
+                "additionalProperties": false
             }
         },
         "required": [
@@ -175,6 +199,16 @@
                     }
                 },
                 "additionalProperties": false
+            },
+            "options": {
+                "type": "object",
+                "properties": {
+                    "steps": {
+                        "type": "number",
+                        "default": 1
+                    }
+                },
+                "additionalProperties": false
             }
         },
         "required": [

package/dist/page-extra/drag-drop-selector.d.ts

@@ -1,3 +1,3 @@
-import { Position } from './typings';
+import { MouseOptions, Position } from './typings';
 import { Page } from 'playwright';
-export declare function dragDropSelector(this: Page, selector: string, to: Position, mouseDownRelativeToSelector?: Position): Promise<void>;
+export declare function dragDropSelector(this: Page, selector: string, to: Position, mouseDownRelativeToSelector?: Position, options?: MouseOptions): Promise<void>;

package/dist/page-extra/drag-drop-selector.js

@@ -4,17 +4,18 @@ exports.dragDropSelector = void 0;
 const tslib_1 = require("tslib");
 const get_point_by_direction_1 = require("./utils/get-point-by-direction");
 const get_boundingBox_1 = require("./utils/get-boundingBox");
-function dragDropSelector(selector, to, mouseDownRelativeToSelector) {
+function dragDropSelector(selector, to, mouseDownRelativeToSelector, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { steps = 1 } = options || {};
         const box = yield (0, get_boundingBox_1.getBoundingBox)(this, selector);
         const mouseDownRelativeX = (0, get_point_by_direction_1.getPointByDirection)(box.width / 2, 'x', mouseDownRelativeToSelector);
         const mouseDownRelativeY = (0, get_point_by_direction_1.getPointByDirection)(box.height / 2, 'y', mouseDownRelativeToSelector);
         const mouseMoveX = (0, get_point_by_direction_1.getPointByDirection)(0, 'x', to);
         const mouseMoveY = (0, get_point_by_direction_1.getPointByDirection)(0, 'y', to);
         // move mouse to center of element or specified point
-        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY);
+        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY, { steps });
         yield this.mouse.down();
-        yield this.mouse.move(mouseMoveX, mouseMoveY);
+        yield this.mouse.move(mouseMoveX, mouseMoveY, { steps });
         yield this.mouse.up();
     });
 }

package/dist/page-extra/drag-drop-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-drop-selector.js","sourceRoot":"","sources":["../../src/page-extra/drag-drop-selector.ts"],"names":[],"mappings":";;;;AAAA,2EAAqE;AAGrE,6DAAyD;AAEzD,SAAsB,gBAAgB,CAEpC,QAAgB,EAChB,EAAY,EACZ,2BAAsC;;QAEtC,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAC5C,GAAG,CAAC,KAAK,GAAG,CAAC,EACb,GAAG,EACH,2BAA2B,CAC5B,CAAC;QAEF,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAC5C,GAAG,CAAC,MAAM,GAAG,CAAC,EACd,GAAG,EACH,2BAA2B,CAC5B,CAAC;QAEF,MAAM,UAAU,GAAG,IAAA,4CAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,IAAA,4CAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAEnD,qDAAqD;QACrD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;QAE9E,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAExB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAE9C,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IACxB,CAAC;CAAA;AA/BD,4CA+BC"}
+{"version":3,"file":"drag-drop-selector.js","sourceRoot":"","sources":["../../src/page-extra/drag-drop-selector.ts"],"names":[],"mappings":";;;;AAAA,2EAAqE;AAGrE,6DAAyD;AAEzD,SAAsB,gBAAgB,CAEpC,QAAgB,EAChB,EAAY,EACZ,2BAAsC,EACtC,OAAsB;;QAEtB,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QAEpC,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAC5C,GAAG,CAAC,KAAK,GAAG,CAAC,EACb,GAAG,EACH,2BAA2B,CAC5B,CAAC;QAEF,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAC5C,GAAG,CAAC,MAAM,GAAG,CAAC,EACd,GAAG,EACH,2BAA2B,CAC5B,CAAC;QAEF,MAAM,UAAU,GAAG,IAAA,4CAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,IAAA,4CAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAEnD,qDAAqD;QACrD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CACnB,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,EAAE,KAAK,EAAE,CACV,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAExB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAEzD,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IACxB,CAAC;CAAA;AAtCD,4CAsCC"}

package/dist/page-extra/mouse-down-on-selector.d.ts

@@ -1,2 +1,2 @@
-import { Position, ExtendedPage } from './typings';
-export declare function mouseDownOnSelector(this: ExtendedPage, selector: string, point?: Position): Promise<void>;
+import { Position, ExtendedPage, MouseOptions } from './typings';
+export declare function mouseDownOnSelector(this: ExtendedPage, selector: string, point?: Position, options?: MouseOptions): Promise<void>;

package/dist/page-extra/mouse-down-on-selector.js

@@ -4,13 +4,14 @@ exports.mouseDownOnSelector = void 0;
 const tslib_1 = require("tslib");
 const get_point_by_direction_1 = require("./utils/get-point-by-direction");
 const get_boundingBox_1 = require("./utils/get-boundingBox");
-function mouseDownOnSelector(selector, point) {
+function mouseDownOnSelector(selector, point, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { steps = 1 } = options || {};
         const box = yield (0, get_boundingBox_1.getBoundingBox)(this, selector);
         const mouseDownRelativeX = (0, get_point_by_direction_1.getPointByDirection)(box.width / 2, 'x', point);
         const mouseDownRelativeY = (0, get_point_by_direction_1.getPointByDirection)(box.height / 2, 'y', point);
         // move mouse to center on selector
-        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY);
+        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY, { steps });
         yield this.mouse.down();
     });
 }

package/dist/page-extra/mouse-down-on-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"mouse-down-on-selector.js","sourceRoot":"","sources":["../../src/page-extra/mouse-down-on-selector.ts"],"names":[],"mappings":";;;;AACA,2EAAqE;AACrE,6DAAyD;AAEzD,SAAsB,mBAAmB,CAEvC,QAAgB,EAChB,KAAgB;;QAEhB,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1E,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAE3E,mCAAmC;QACnC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;QAC9E,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;CAAA;AAbD,kDAaC"}
+{"version":3,"file":"mouse-down-on-selector.js","sourceRoot":"","sources":["../../src/page-extra/mouse-down-on-selector.ts"],"names":[],"mappings":";;;;AACA,2EAAqE;AACrE,6DAAyD;AAEzD,SAAsB,mBAAmB,CAEvC,QAAgB,EAChB,KAAgB,EAChB,OAAsB;;QAEtB,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QAEpC,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1E,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAE3E,mCAAmC;QACnC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CACnB,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,EAAE,KAAK,EAAE,CACV,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;CAAA;AArBD,kDAqBC"}

package/dist/page-extra/mouse-from-to.js

@@ -4,11 +4,11 @@ exports.mouseFromTo = void 0;
 const tslib_1 = require("tslib");
 function mouseFromTo(from, to, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { skipMouseUp } = options || {};
+        const { skipMouseUp, steps = 1 } = options || {};
         // move mouse to center of element or specified point
-        yield this.mouse.move(from.x, from.y);
+        yield this.mouse.move(from.x, from.y, { steps });
         yield this.mouse.down();
-        yield this.mouse.move(to.x, to.y);
+        yield this.mouse.move(to.x, to.y, { steps });
         if (!skipMouseUp)
             yield this.mouse.up();
     });

package/dist/page-extra/mouse-from-to.js.map

@@ -1 +1 @@
-{"version":3,"file":"mouse-from-to.js","sourceRoot":"","sources":["../../src/page-extra/mouse-from-to.ts"],"names":[],"mappings":";;;;AAGA,SAAsB,WAAW,CAE/B,IAAc,EACd,EAAY,EACZ,OAA4B;;QAE5B,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QAEtC,qDAAqD;QACrD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAEtC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAExB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAElC,IAAI,CAAC,WAAW;YAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAC1C,CAAC;CAAA;AAhBD,kCAgBC"}
+{"version":3,"file":"mouse-from-to.js","sourceRoot":"","sources":["../../src/page-extra/mouse-from-to.ts"],"names":[],"mappings":";;;;AAGA,SAAsB,WAAW,CAE/B,IAAc,EACd,EAAY,EACZ,OAA4B;;QAE5B,MAAM,EAAE,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QAEjD,qDAAqD;QACrD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAEjD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAExB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAE7C,IAAI,CAAC,WAAW;YAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAC1C,CAAC;CAAA;AAhBD,kCAgBC"}

package/dist/page-extra/mouse-move-to-selector.d.ts

@@ -1,2 +1,2 @@
-import { Position, ExtendedPage } from './typings';
-export declare function mouseMoveToSelector(this: ExtendedPage, selector: string, point?: Position): Promise<void>;
+import { Position, ExtendedPage, MouseOptions } from './typings';
+export declare function mouseMoveToSelector(this: ExtendedPage, selector: string, point?: Position, options?: MouseOptions): Promise<void>;

package/dist/page-extra/mouse-move-to-selector.js

@@ -4,13 +4,14 @@ exports.mouseMoveToSelector = void 0;
 const tslib_1 = require("tslib");
 const get_point_by_direction_1 = require("./utils/get-point-by-direction");
 const get_boundingBox_1 = require("./utils/get-boundingBox");
-function mouseMoveToSelector(selector, point) {
+function mouseMoveToSelector(selector, point, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { steps = 1 } = options || {};
         const box = yield (0, get_boundingBox_1.getBoundingBox)(this, selector);
         const mouseDownRelativeX = (0, get_point_by_direction_1.getPointByDirection)(box.width / 2, 'x', point);
         const mouseDownRelativeY = (0, get_point_by_direction_1.getPointByDirection)(box.height / 2, 'y', point);
         // move mouse to center on selector or specified point
-        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY);
+        yield this.mouse.move(box.x + mouseDownRelativeX, box.y + mouseDownRelativeY, { steps });
     });
 }
 exports.mouseMoveToSelector = mouseMoveToSelector;

package/dist/page-extra/mouse-move-to-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"mouse-move-to-selector.js","sourceRoot":"","sources":["../../src/page-extra/mouse-move-to-selector.ts"],"names":[],"mappings":";;;;AACA,2EAAqE;AACrE,6DAAyD;AAEzD,SAAsB,mBAAmB,CAEvC,QAAgB,EAChB,KAAgB;;QAEhB,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1E,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAE3E,sDAAsD;QACtD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;IAChF,CAAC;CAAA;AAXD,kDAWC"}
+{"version":3,"file":"mouse-move-to-selector.js","sourceRoot":"","sources":["../../src/page-extra/mouse-move-to-selector.ts"],"names":[],"mappings":";;;;AACA,2EAAqE;AACrE,6DAAyD;AAEzD,SAAsB,mBAAmB,CAEvC,QAAgB,EAChB,KAAgB,EAChB,OAAsB;;QAEtB,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QAEpC,MAAM,GAAG,GAAG,MAAM,IAAA,gCAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1E,MAAM,kBAAkB,GAAG,IAAA,4CAAmB,EAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAE3E,sDAAsD;QACtD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CACnB,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAC1B,EAAE,KAAK,EAAE,CACV,CAAC;IACJ,CAAC;CAAA;AAnBD,kDAmBC"}

package/dist/page-extra/typings/extra.d.ts

@@ -51,7 +51,13 @@ export interface ElementHandleBoundingBox {
      */
     height: number;
 }
-export interface MouseFromToOptions {
+export interface MouseOptions {
+    /**
+     * @default 1
+     */
+    steps?: number;
+}
+export interface MouseFromToOptions extends MouseOptions {
     skipMouseUp?: boolean;
 }
 export interface PlaywrightPageWithExtra {
@@ -67,7 +73,7 @@ export interface PlaywrightPageWithExtra {
      * @param to Required and selector will move to position given to this option
      * @param mouseDownRelativeToSelector By default the center on selector will be selected for mousedown, but if mouseDownRelativeToSelector set the specified position will be used for mousedown.
      */
-    dragDropSelector: (selector: string, to: Position, mouseDownRelativeToSelector?: Position) => Promise<void>;
+    dragDropSelector: (selector: string, to: Position, mouseDownRelativeToSelector?: Position, options?: MouseOptions) => Promise<void>;
     /**
      * This method will perform mouse down, move,and up from to selected location.
      * @param from position in page
@@ -87,14 +93,14 @@ export interface PlaywrightPageWithExtra {
      * @param selector A selector to search for element to click. If there are multiple elements satisfying the selector, the first will be clicked.
      * @param point
      */
-    mouseDownOnSelector: (selector: string, point?: Position) => Promise<void>;
+    mouseDownOnSelector: (selector: string, point?: Position, options?: MouseOptions) => Promise<void>;
     /**
      * This method fetches an element with `selector`, and move the mouse to center of selector.
      * If there's no element matching `selector`, the method waits until a matching element appears in the DOM.
      * @param selector A selector to search for element to click. If there are multiple elements satisfying the selector, the first will be clicked.
      * @param point
      */
-    mouseMoveToSelector: (selector: string, point?: Position) => Promise<void>;
+    mouseMoveToSelector: (selector: string, point?: Position, options?: MouseOptions) => Promise<void>;
     /**
      * This method fetches an element with `selector`, set the height and with.
      * If there's no element matching `selector`, the method waits until a matching element appears in the DOM.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-playwright",
-  "version": "4.16.2",
+  "version": "4.17.0",
   "description": "An addon to visually test the stories in the multiple browsers within storybook environment",
   "author": "m.doaie <mdoaie@yahoo.co.uk>",
   "engines": {