storybook-addon-playwright 4.14.1 → 4.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/.vscode/launch.json +50 -0
  2. package/.vscode/settings.json +24 -0
  3. package/.vscode/tasks.json +15 -0
  4. package/dist/components/Clipper/Clipper.js +11 -4
  5. package/dist/components/Clipper/Clipper.js.map +1 -1
  6. package/dist/components/screenshot-preview/ResetSettings.d.ts +6 -0
  7. package/dist/components/screenshot-preview/ResetSettings.js +23 -0
  8. package/dist/components/screenshot-preview/ResetSettings.js.map +1 -0
  9. package/dist/components/screenshot-preview/Toolbar.js +2 -0
  10. package/dist/components/screenshot-preview/Toolbar.js.map +1 -1
  11. package/dist/components/tool-bar/ImageDiff.js +1 -1
  12. package/dist/components/tool-bar/ImageDiff.js.map +1 -1
  13. package/dist/hooks/index.d.ts +1 -1
  14. package/dist/hooks/index.js +1 -1
  15. package/dist/hooks/index.js.map +1 -1
  16. package/dist/hooks/use-browser-options.d.ts +4 -3
  17. package/dist/hooks/use-browser-options.js.map +1 -1
  18. package/dist/hooks/use-preview-iframe.d.ts +1 -0
  19. package/dist/hooks/{use-iframe.js → use-preview-iframe.js} +5 -5
  20. package/dist/hooks/use-preview-iframe.js.map +1 -0
  21. package/dist/hooks/use-screenshot.js +2 -2
  22. package/dist/hooks/use-screenshot.js.map +1 -1
  23. package/dist/utils/find-selector.js +2 -2
  24. package/dist/utils/find-selector.js.map +1 -1
  25. package/dist/utils/get-iframe-document.d.ts +1 -0
  26. package/dist/utils/get-iframe-document.js +8 -0
  27. package/dist/utils/get-iframe-document.js.map +1 -0
  28. package/dist/utils/get-iframe-scroll-position.d.ts +4 -0
  29. package/dist/utils/get-iframe-scroll-position.js +14 -0
  30. package/dist/utils/get-iframe-scroll-position.js.map +1 -0
  31. package/dist/utils/get-preview-iframe.d.ts +1 -0
  32. package/dist/utils/{get-iframe.js → get-preview-iframe.js} +4 -4
  33. package/dist/utils/get-preview-iframe.js.map +1 -0
  34. package/dist/utils/get-raw-stories.js +1 -1
  35. package/dist/utils/get-raw-stories.js.map +1 -1
  36. package/dist/utils/index.d.ts +3 -1
  37. package/dist/utils/index.js +3 -1
  38. package/dist/utils/index.js.map +1 -1
  39. package/package.json +2 -2
  40. package/dist/hooks/use-iframe.d.ts +0 -1
  41. package/dist/hooks/use-iframe.js.map +0 -1
  42. package/dist/utils/get-iframe.d.ts +0 -1
  43. package/dist/utils/get-iframe.js.map +0 -1
@@ -0,0 +1,50 @@
1
+ {
2
+ // Use IntelliSense to learn about possible attributes.
3
+ // Hover to view descriptions of existing attributes.
4
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5
+ "version": "0.2.0",
6
+ "configurations": [
7
+ {
8
+ "type": "node",
9
+ "request": "attach",
10
+ "name": "Attach by Process ID",
11
+ "processId": "${command:PickProcess}",
12
+ "skipFiles": [
13
+ "<node_internals>/**"
14
+ ]
15
+ },
16
+ {
17
+ "type": "chrome",
18
+ "request": "launch",
19
+ "name": "Storybook Debug",
20
+ "breakOnLoad": true,
21
+ "url": "http://localhost:9002",
22
+ "sourceMaps": true,
23
+ "webRoot": "${workspaceFolder}",
24
+ "sourceMapPathOverrides": {
25
+ "webpack:///*": "${webRoot}/*",
26
+ "webpack:///./*": "${webRoot}/*",
27
+ "webpack:///src/*": "${webRoot}/*",
28
+ "webpack:///./~/*": "${webRoot}/node_modules/*"
29
+ }
30
+ },
31
+ {
32
+ "type": "node",
33
+ "request": "launch",
34
+ "name": "Jest Current File",
35
+ "program": "${workspaceFolder}/node_modules/.bin/jest",
36
+ "args": [
37
+ "--runTestsByPath",
38
+ "${relativeFile}",
39
+ "--config",
40
+ "jest.config.js"
41
+ ],
42
+ "console": "integratedTerminal",
43
+ "internalConsoleOptions": "neverOpen",
44
+ "disableOptimisticBPs": true,
45
+ "windows": {
46
+ "program": "${workspaceFolder}/node_modules/jest/bin/jest"
47
+ }
48
+ }
49
+ ]
50
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "cSpell.words": [
3
+ "autorun",
4
+ "dblclick",
5
+ "deepmerge",
6
+ "draggables",
7
+ "droppable",
8
+ "mobx",
9
+ "normalazed",
10
+ "pkginfo",
11
+ "Resizer",
12
+ "scrl",
13
+ "scrollbar",
14
+ "Selecto",
15
+ "tippyjs",
16
+ "Toolshown"
17
+ ],
18
+ "liveServer.settings.fileList": [
19
+ {
20
+ "label": "jest",
21
+ "relativePath": "coverage/lcov-report/index.html"
22
+ }
23
+ ],
24
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ // See https://go.microsoft.com/fwlink/?LinkId=733558
3
+ // for the documentation about the tasks.json format
4
+ "version": "2.0.0",
5
+ "tasks": [
6
+ {
7
+ "label": "watch",
8
+ "type": "shell",
9
+ "group": "build",
10
+ "command": "npm run watch",
11
+ "problemMatcher": [],
12
+ "auto": true
13
+ }
14
+ ]
15
+ }
@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const react_selecto_1 = tslib_1.__importDefault(require("react-selecto"));
7
7
  const zustand_1 = require("zustand");
8
8
  const hooks_1 = require("../../hooks");
9
+ const utils_1 = require("../../utils");
9
10
  const IframeOverlay_1 = require("../common/IframeOverlay");
10
11
  exports.useClipperState = zustand_1.create()((set) => ({
11
12
  clipping: false,
@@ -29,19 +30,25 @@ const Clipper = () => {
29
30
  const { clipping, stop } = exports.useClipperState();
30
31
  const { setScreenshotOptions, screenshotOptions } = hooks_1.useScreenshotOptions();
31
32
  const overlayRef = react_1.default.useRef(null);
33
+ const iframe = hooks_1.usePreviewIframe();
32
34
  const handleEnd = react_1.default.useCallback((e) => {
33
- if (!overlayRef.current)
35
+ if (!overlayRef.current || !iframe)
34
36
  return;
37
+ const iframeScroll = utils_1.getIframeScrollPosition(iframe);
35
38
  const { height, width, top, left } = e.rect;
36
39
  const overlayRect = overlayRef.current.getBoundingClientRect();
40
+ const clipperPos = {
41
+ left: iframeScroll.scrollLeft + left,
42
+ top: iframeScroll.scrollTop + top,
43
+ };
37
44
  setScreenshotOptions(Object.assign(Object.assign({}, screenshotOptions), { clip: {
38
45
  height,
39
46
  width,
40
- x: top - overlayRect.top,
41
- y: left - overlayRect.left,
47
+ x: clipperPos.left - overlayRect.left,
48
+ y: clipperPos.top - overlayRect.top,
42
49
  } }));
43
50
  stop();
44
- }, [screenshotOptions, setScreenshotOptions, stop]);
51
+ }, [iframe, screenshotOptions, setScreenshotOptions, stop]);
45
52
  hooks_1.useKeyPressFn(undefined, (e) => {
46
53
  if (e.code === 'Escape')
47
54
  stop();
@@ -1 +1 @@
1
- {"version":3,"file":"Clipper.js","sourceRoot":"","sources":["../../../src/components/Clipper/Clipper.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,0EAAoC;AACpC,qCAAiC;AACjC,uCAAkE;AAClE,2DAAwD;AAS3C,QAAA,eAAe,GAAG,gBAAM,EAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC9D,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,GAAG,EAAE;QACV,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IACD,IAAI,EAAE,GAAG,EAAE;QACT,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC,CAAC;IACN,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACV,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ;SACtB,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAAa,GAAG,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,uBAAe,EAAE,CAAC;IAE7C,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,4BAAoB,EAAE,CAAC;IAE3E,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CACjC,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAe,CAAC;QAEvD,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE/D,oBAAoB,iCACf,iBAAiB,KACpB,IAAI,EAAE;gBACJ,MAAM;gBACN,KAAK;gBACL,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,GAAG;gBACxB,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,IAAI;aAC3B,IACD,CAAC;QAEH,IAAI,EAAE,CAAC;IACT,CAAC,EACD,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,IAAI,CAAC,CAChD,CAAC;IAEF,qBAAa,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,8BAAC,6BAAa,IAAC,GAAG,EAAE,UAAU;QAC5B,8BAAC,uBAAO,IACN,aAAa,EAAE,UAAU,CAAC,OAAO,EACjC,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,EACtB,KAAK,EAAE,CAAC,EACR,WAAW,EAAE,SAAS,GACb,CACG,CACjB,CAAC;AACJ,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
1
+ {"version":3,"file":"Clipper.js","sourceRoot":"","sources":["../../../src/components/Clipper/Clipper.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,0EAAoC;AACpC,qCAAiC;AACjC,uCAIqB;AACrB,uCAAsD;AACtD,2DAAwD;AAS3C,QAAA,eAAe,GAAG,gBAAM,EAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC9D,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,GAAG,EAAE;QACV,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IACD,IAAI,EAAE,GAAG,EAAE;QACT,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC,CAAC;IACN,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACV,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ;SACtB,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAAa,GAAG,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,uBAAe,EAAE,CAAC;IAE7C,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,4BAAoB,EAAE,CAAC;IAE3E,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,wBAAgB,EAAE,CAAC;IAElC,MAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CACjC,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,OAAO;QAC3C,MAAM,YAAY,GAAG,+BAAuB,CAAC,MAAM,CAAC,CAAC;QAErD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAe,CAAC;QAEvD,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE/D,MAAM,UAAU,GAAG;YACjB,IAAI,EAAE,YAAY,CAAC,UAAU,GAAG,IAAI;YACpC,GAAG,EAAE,YAAY,CAAC,SAAS,GAAG,GAAG;SAClC,CAAC;QAEF,oBAAoB,iCACf,iBAAiB,KACpB,IAAI,EAAE;gBACJ,MAAM;gBACN,KAAK;gBACL,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI;gBACrC,CAAC,EAAE,UAAU,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG;aACpC,IACD,CAAC;QAEH,IAAI,EAAE,CAAC;IACT,CAAC,EACD,CAAC,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,IAAI,CAAC,CACxD,CAAC;IAEF,qBAAa,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,8BAAC,6BAAa,IAAC,GAAG,EAAE,UAAU;QAC5B,8BAAC,uBAAO,IACN,aAAa,EAAE,UAAU,CAAC,OAAO,EACjC,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,EACtB,KAAK,EAAE,CAAC,EACR,WAAW,EAAE,SAAS,GACb,CACG,CACjB,CAAC;AACJ,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ declare const ResetSettings: {
3
+ (): JSX.Element;
4
+ displayName: string;
5
+ };
6
+ export { ResetSettings };
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ResetSettings = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const react_1 = tslib_1.__importDefault(require("react"));
6
+ const components_1 = require("@storybook/components");
7
+ const RotateLeft_1 = tslib_1.__importDefault(require("@material-ui/icons/RotateLeft"));
8
+ const core_1 = require("@material-ui/core");
9
+ const hooks_1 = require("../../hooks");
10
+ const ResetSettings = () => {
11
+ const { setBrowserOptions } = hooks_1.useBrowserOptions();
12
+ const { setScreenshotOptions } = hooks_1.useScreenshotOptions();
13
+ const handleClick = react_1.default.useCallback(() => {
14
+ setBrowserOptions('all', {});
15
+ setScreenshotOptions({});
16
+ }, [setBrowserOptions, setScreenshotOptions]);
17
+ return (react_1.default.createElement(components_1.IconButton, { onClick: handleClick },
18
+ react_1.default.createElement(core_1.Tooltip, { placement: "top", title: 'Reset Settings' },
19
+ react_1.default.createElement(RotateLeft_1.default, { style: { marginTop: 4, width: '20px' } }))));
20
+ };
21
+ exports.ResetSettings = ResetSettings;
22
+ ResetSettings.displayName = 'ResetSettings';
23
+ //# sourceMappingURL=ResetSettings.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResetSettings.js","sourceRoot":"","sources":["../../../src/components/screenshot-preview/ResetSettings.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sDAAmD;AACnD,uFAA2D;AAC3D,4CAA4C;AAC5C,uCAAsE;AAEtE,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,iBAAiB,EAAE,GAAG,yBAAiB,EAAE,CAAC;IAClD,MAAM,EAAE,oBAAoB,EAAE,GAAG,4BAAoB,EAAE,CAAC;IAExD,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7B,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,uBAAU,IAAC,OAAO,EAAE,WAAW;QAC9B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB;YAC9C,8BAAC,oBAAc,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAClD,CACC,CACd,CAAC;AACJ,CAAC,CAAC;AAIO,sCAAa;AAFtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
@@ -15,6 +15,7 @@ const NearMe_1 = tslib_1.__importDefault(require("@material-ui/icons/NearMe"));
15
15
  const BrowserOptions_1 = require("./BrowserOptions");
16
16
  const ScreenshotOptions_1 = require("./ScreenshotOptions");
17
17
  const ClipperButton_1 = require("../Clipper/ClipperButton");
18
+ const ResetSettings_1 = require("./ResetSettings");
18
19
  const Toolbar = (props) => {
19
20
  const { browserTypes, toggleBrowser, activeBrowsers, onCLose, onRefresh, isVertical, onSave, } = props;
20
21
  const { setBrowserOptions, browserOptions } = hooks_1.useBrowserOptions();
@@ -37,6 +38,7 @@ const Toolbar = (props) => {
37
38
  react_1.default.createElement(components_1.IconButton, { onClick: onSave },
38
39
  react_1.default.createElement(core_1.Tooltip, { placement: "top", title: "Save screenshots" },
39
40
  react_1.default.createElement(SaveAltOutlined_1.default, null))),
41
+ react_1.default.createElement(ResetSettings_1.ResetSettings, null),
40
42
  react_1.default.createElement(ScreenshotOptions_1.ScreenshotOptions, null),
41
43
  react_1.default.createElement(BrowserOptions_1.BrowserOptions, { browserType: "all" }),
42
44
  react_1.default.createElement(components_1.IconButton, { onClick: onCLose },
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/screenshot-preview/Toolbar.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAC3C,sDAAmD;AAEnD,6FAA6D;AAC7D,sCAAqD;AACrD,2FAA2D;AAC3D,mEAAgE;AAChE,iGAA0D;AAC1D,uCAAgD;AAChD,4CAA4C;AAC5C,+EAAmD;AACnD,qDAAkD;AAClD,2DAAwD;AACxD,4DAAyD;AAYzD,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,yBAAiB,EAAE,CAAC;IAElE,MAAM,mBAAmB,GAAG,mBAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC;QAC/D,iBAAiB,CAAC,KAAK,kCAClB,cAAc,CAAC,GAAG,KACrB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IACjC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,8BAAC,gBAAa,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACrD,uCAAK,SAAS,EAAC,MAAM,IAClB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,8BAAC,qCAAiB,IAChB,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,SAAS,GACnE,CACH,CAAC,CACE;QACN,uCAAK,SAAS,EAAC,OAAO;YACpB,8BAAC,uBAAU,IACT,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM;gBAEvD,8BAAC,cAAO,IACN,SAAS,EAAC,KAAK,EACf,KAAK,EACH,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM;wBAC7C,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,aAAa;oBAGnB,8BAAC,gBAAU,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAI,CAC9C,CACC;YACb,8BAAC,6BAAa,OAAG;YACjB,8BAAC,uBAAU,IAAC,OAAO,EAAE,SAAS;gBAC5B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS;oBACtC,8BAAC,sBAAY,OAAG,CACR,CACC;YACb,8BAAC,uBAAU,IAAC,OAAO,EAAE,MAAM;gBACzB,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,kBAAkB;oBAC/C,8BAAC,yBAAQ,OAAG,CACJ,CACC;YAEb,8BAAC,qCAAiB,OAAG;YAErB,8BAAC,+BAAc,IAAC,WAAW,EAAC,KAAK,GAAG;YACpC,8BAAC,uBAAU,IAAC,OAAO,EAAE,OAAO;gBAC1B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;oBAC1C,8BAAC,uBAAa,OAAG,CACT,CACC,CACT,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
1
+ {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/screenshot-preview/Toolbar.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAC3C,sDAAmD;AAEnD,6FAA6D;AAC7D,sCAAqD;AACrD,2FAA2D;AAC3D,mEAAgE;AAChE,iGAA0D;AAC1D,uCAAgD;AAChD,4CAA4C;AAC5C,+EAAmD;AACnD,qDAAkD;AAClD,2DAAwD;AACxD,4DAAyD;AACzD,mDAAgD;AAYhD,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,yBAAiB,EAAE,CAAC;IAElE,MAAM,mBAAmB,GAAG,mBAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC;QAC/D,iBAAiB,CAAC,KAAK,kCAClB,cAAc,CAAC,GAAG,KACrB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IACjC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,8BAAC,gBAAa,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACrD,uCAAK,SAAS,EAAC,MAAM,IAClB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,8BAAC,qCAAiB,IAChB,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,SAAS,GACnE,CACH,CAAC,CACE;QACN,uCAAK,SAAS,EAAC,OAAO;YACpB,8BAAC,uBAAU,IACT,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM;gBAEvD,8BAAC,cAAO,IACN,SAAS,EAAC,KAAK,EACf,KAAK,EACH,cAAc,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM;wBAC7C,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,aAAa;oBAGnB,8BAAC,gBAAU,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAI,CAC9C,CACC;YACb,8BAAC,6BAAa,OAAG;YACjB,8BAAC,uBAAU,IAAC,OAAO,EAAE,SAAS;gBAC5B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS;oBACtC,8BAAC,sBAAY,OAAG,CACR,CACC;YACb,8BAAC,uBAAU,IAAC,OAAO,EAAE,MAAM;gBACzB,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,kBAAkB;oBAC/C,8BAAC,yBAAQ,OAAG,CACJ,CACC;YAEb,8BAAC,6BAAa,OAAG;YAEjB,8BAAC,qCAAiB,OAAG;YACrB,8BAAC,+BAAc,IAAC,WAAW,EAAC,KAAK,GAAG;YAEpC,8BAAC,uBAAU,IAAC,OAAO,EAAE,OAAO;gBAC1B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;oBAC1C,8BAAC,uBAAa,OAAG,CACT,CACC,CACT,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
@@ -96,7 +96,7 @@ const ImageDiff = (props) => {
96
96
  : 'Run diff test for all stories';
97
97
  return (react_1.default.createElement(react_1.default.Fragment, null,
98
98
  react_1.default.createElement(components_1.IconButton, { title: title, className: classes.button, onClick: handleImageDiffClick, style: { position: 'relative' }, disabled: imageDiffTestInProgress },
99
- react_1.default.createElement(core_1.Badge, { badgeContent: diffResults.length, color: "secondary", className: classes.imageDiffBadge, overlap: "rectangle" }),
99
+ react_1.default.createElement(core_1.Badge, { badgeContent: diffResults.length, color: "secondary", className: classes.imageDiffBadge, overlap: "rectangular" }),
100
100
  react_1.default.createElement(Compare_1.default, { viewBox: "1.5 1 20 20" }),
101
101
  diffResults.length > 0 && (react_1.default.createElement(core_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose },
102
102
  react_1.default.createElement(core_1.MenuItem, { onClick: handleClearAllResults }, "Clear results"),
@@ -1 +1 @@
1
- {"version":3,"file":"ImageDiff.js","sourceRoot":"","sources":["../../../src/components/tool-bar/ImageDiff.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ImageDiff.js","sourceRoot":"","sources":["../../../src/components/tool-bar/ImageDiff.tsx"],"names":[],"mappings":"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"}
@@ -31,7 +31,7 @@ export * from './use-delete-story-screenshots';
31
31
  export * from './use-screenshot-index-change';
32
32
  export * from './use-drag-start';
33
33
  export * from './use-screenshot-options';
34
- export * from './use-iframe';
34
+ export * from './use-preview-iframe';
35
35
  export * from './use-action-editor';
36
36
  export * from './use-copy-action-set';
37
37
  export * from './use-screenshot-update-state';
@@ -34,7 +34,7 @@ tslib_1.__exportStar(require("./use-delete-story-screenshots"), exports);
34
34
  tslib_1.__exportStar(require("./use-screenshot-index-change"), exports);
35
35
  tslib_1.__exportStar(require("./use-drag-start"), exports);
36
36
  tslib_1.__exportStar(require("./use-screenshot-options"), exports);
37
- tslib_1.__exportStar(require("./use-iframe"), exports);
37
+ tslib_1.__exportStar(require("./use-preview-iframe"), exports);
38
38
  tslib_1.__exportStar(require("./use-action-editor"), exports);
39
39
  tslib_1.__exportStar(require("./use-copy-action-set"), exports);
40
40
  tslib_1.__exportStar(require("./use-screenshot-update-state"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qEAA2C;AAC3C,8DAAoC;AACpC,+DAAqC;AACrC,4DAAkC;AAClC,wDAA8B;AAC9B,sDAA4B;AAC5B,2DAAiC;AACjC,iEAAuC;AACvC,0DAAgC;AAChC,mEAAyC;AACzC,gEAAsC;AACtC,0EAAgD;AAChD,yEAA+C;AAC/C,gEAAsC;AACtC,wEAA8C;AAC9C,kEAAwC;AACxC,2EAAiD;AACjD,gEAAsC;AACtC,+DAAqC;AACrC,0DAAgC;AAChC,yDAA+B;AAC/B,qEAA2C;AAC3C,6EAAmD;AACnD,yEAA+C;AAC/C,sEAA4C;AAC5C,kEAAwC;AACxC,gEAAsC;AACtC,uEAA6C;AAC7C,yEAA+C;AAC/C,yEAA+C;AAC/C,wEAA8C;AAC9C,2DAAiC;AACjC,mEAAyC;AACzC,uDAA6B;AAC7B,8DAAoC;AACpC,gEAAsC;AACtC,wEAA8C;AAC9C,6DAAmC;AACnC,yEAA+C;AAC/C,0DAAgC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qEAA2C;AAC3C,8DAAoC;AACpC,+DAAqC;AACrC,4DAAkC;AAClC,wDAA8B;AAC9B,sDAA4B;AAC5B,2DAAiC;AACjC,iEAAuC;AACvC,0DAAgC;AAChC,mEAAyC;AACzC,gEAAsC;AACtC,0EAAgD;AAChD,yEAA+C;AAC/C,gEAAsC;AACtC,wEAA8C;AAC9C,kEAAwC;AACxC,2EAAiD;AACjD,gEAAsC;AACtC,+DAAqC;AACrC,0DAAgC;AAChC,yDAA+B;AAC/B,qEAA2C;AAC3C,6EAAmD;AACnD,yEAA+C;AAC/C,sEAA4C;AAC5C,kEAAwC;AACxC,gEAAsC;AACtC,uEAA6C;AAC7C,yEAA+C;AAC/C,yEAA+C;AAC/C,wEAA8C;AAC9C,2DAAiC;AACjC,mEAAyC;AACzC,+DAAqC;AACrC,8DAAoC;AACpC,gEAAsC;AACtC,wEAA8C;AAC9C,6DAAmC;AACnC,yEAA+C;AAC/C,0DAAgC"}
@@ -5,7 +5,8 @@ export interface BrowsersOption {
5
5
  webkit?: BrowserContextOptions;
6
6
  all?: BrowserContextOptions;
7
7
  }
8
- export declare const useBrowserOptions: (browserName?: keyof BrowsersOption) => {
8
+ export declare type BrowsersOptionTypes = keyof BrowsersOption;
9
+ export declare const useBrowserOptions: (browserName?: BrowsersOptionTypes) => {
9
10
  browserOptions: BrowsersOption;
10
11
  getBrowserOptions: (browserType: BrowserTypes) => {
11
12
  cursor?: boolean;
@@ -81,6 +82,6 @@ export declare const useBrowserOptions: (browserName?: keyof BrowsersOption) =>
81
82
  viewport?: import("playwright-core").ViewportSize;
82
83
  };
83
84
  hasOption: boolean;
84
- setBrowserDeviceOptions: (browserType: keyof BrowsersOption, deviceName: string) => void;
85
- setBrowserOptions: (browserType: keyof BrowsersOption, options: BrowserContextOptions) => void;
85
+ setBrowserDeviceOptions: (browserType: BrowsersOptionTypes, deviceName: string) => void;
86
+ setBrowserOptions: (browserType: BrowsersOptionTypes, options: BrowserContextOptions) => void;
86
87
  };
@@ -1 +1 @@
1
- {"version":3,"file":"use-browser-options.js","sourceRoot":"","sources":["../../src/hooks/use-browser-options.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAC7C,yDAAoD;AAEpD,oCAAyC;AASlC,MAAM,iBAAiB,GAAG,CAAC,WAAkC,EAAE,EAAE;IACtE,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,GAAG,iCAAc,CAE9D,iBAAiB,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAExC,MAAM,uBAAuB,GAAG,mBAAW,CACzC,CAAC,WAAiC,EAAE,UAAkB,EAAE,EAAE;QACxD,uBAAuB,iCAClB,cAAc,KACjB,CAAC,WAAW,CAAC,EAAE,qBAAa,CAAC,UAAU,CAAC,IACxC,CAAC;IACL,CAAC,EACD,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAC1C,CAAC;IAEF,MAAM,iBAAiB,GAAG,mBAAW,CACnC,CAAC,WAAiC,EAAE,OAA8B,EAAE,EAAE;QACpE,uBAAuB,iCAClB,cAAc,KACjB,CAAC,WAAW,CAAC,EAAE,OAAO,IACtB,CAAC;IACL,CAAC,EACD,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAC1C,CAAC;IAEF,MAAM,iBAAiB,GAAG,mBAAW,CACnC,CAAC,WAAyB,EAAE,EAAE;QAC5B,uCAAY,cAAc,CAAC,GAAG,GAAK,cAAc,CAAC,WAAW,CAAC,EAAG;IACnE,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,SAAS,GAAG,eAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,GACV,cAAc;YACd,cAAc,CAAC,WAAW,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACtD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,OAAO;QACL,cAAc;QACd,iBAAiB;QACjB,SAAS;QACT,uBAAuB;QACvB,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}
1
+ {"version":3,"file":"use-browser-options.js","sourceRoot":"","sources":["../../src/hooks/use-browser-options.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAC7C,yDAAoD;AAEpD,oCAAyC;AAWlC,MAAM,iBAAiB,GAAG,CAAC,WAAiC,EAAE,EAAE;IACrE,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,GAC7C,iCAAc,CAAiB,iBAAiB,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAEvE,MAAM,uBAAuB,GAAG,mBAAW,CACzC,CAAC,WAAgC,EAAE,UAAkB,EAAE,EAAE;QACvD,uBAAuB,iCAClB,cAAc,KACjB,CAAC,WAAW,CAAC,EAAE,qBAAa,CAAC,UAAU,CAAC,IACxC,CAAC;IACL,CAAC,EACD,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAC1C,CAAC;IAEF,MAAM,iBAAiB,GAAG,mBAAW,CACnC,CAAC,WAAgC,EAAE,OAA8B,EAAE,EAAE;QACnE,uBAAuB,iCAClB,cAAc,KACjB,CAAC,WAAW,CAAC,EAAE,OAAO,IACtB,CAAC;IACL,CAAC,EACD,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAC1C,CAAC;IAEF,MAAM,iBAAiB,GAAG,mBAAW,CACnC,CAAC,WAAyB,EAAE,EAAE;QAC5B,uCAAY,cAAc,CAAC,GAAG,GAAK,cAAc,CAAC,WAAW,CAAC,EAAG;IACnE,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,SAAS,GAAG,eAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,GACV,cAAc;YACd,cAAc,CAAC,WAAW,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACtD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,OAAO;QACL,cAAc;QACd,iBAAiB;QACjB,SAAS;QACT,uBAAuB;QACvB,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,iBAAiB,qBA8C5B"}
@@ -0,0 +1 @@
1
+ export declare const usePreviewIframe: () => HTMLIFrameElement;
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useIframe = void 0;
3
+ exports.usePreviewIframe = void 0;
4
4
  const react_1 = require("react");
5
5
  const utils_1 = require("../utils");
6
- const useIframe = () => {
6
+ const usePreviewIframe = () => {
7
7
  const iframe = react_1.useRef(null);
8
8
  if (!iframe.current) {
9
- iframe.current = utils_1.getIframe();
9
+ iframe.current = utils_1.getPreviewIframe();
10
10
  }
11
11
  react_1.useEffect(() => {
12
12
  return () => {
@@ -15,5 +15,5 @@ const useIframe = () => {
15
15
  }, []);
16
16
  return iframe.current;
17
17
  };
18
- exports.useIframe = useIframe;
19
- //# sourceMappingURL=use-iframe.js.map
18
+ exports.usePreviewIframe = usePreviewIframe;
19
+ //# sourceMappingURL=use-preview-iframe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-preview-iframe.js","sourceRoot":"","sources":["../../src/hooks/use-preview-iframe.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,oCAA4C;AAErC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,MAAM,GAAG,cAAM,CAAoB,IAAI,CAAC,CAAC;IAE/C,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,OAAO,GAAG,wBAAgB,EAAE,CAAC;KACrC;IAED,iBAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B"}
@@ -10,7 +10,7 @@ const hash_sum_1 = tslib_1.__importDefault(require("hash-sum"));
10
10
  const use_current_actions_1 = require("./use-current-actions");
11
11
  const use_screenshot_options_1 = require("./use-screenshot-options");
12
12
  const use_async_api_call_1 = require("./use-async-api-call");
13
- const use_iframe_1 = require("./use-iframe");
13
+ const use_preview_iframe_1 = require("./use-preview-iframe");
14
14
  const nanoid_1 = require("nanoid");
15
15
  const useScreenshot = (browserType, browserOptions) => {
16
16
  const knobs = use_knobs_1.useKnobs();
@@ -40,7 +40,7 @@ const useScreenshot = (browserType, browserOptions) => {
40
40
  screenshotOptions,
41
41
  state.storyId,
42
42
  ]);
43
- const iframe = use_iframe_1.useIframe();
43
+ const iframe = use_preview_iframe_1.usePreviewIframe();
44
44
  const latHotReload = iframe &&
45
45
  iframe.contentWindow &&
46
46
  iframe.contentWindow.__playwright_addon_hot_reload_time__;
@@ -1 +1 @@
1
- {"version":3,"file":"use-screenshot.js","sourceRoot":"","sources":["../../src/hooks/use-screenshot.ts"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,2CAAuC;AACvC,wCAAmD;AACnD,0CAA8C;AAE9C,gEAA2B;AAC3B,+DAA0D;AAC1D,qEAAgE;AAChE,6DAAuD;AACvD,6CAAyC;AACzC,mCAAgC;AAEzB,MAAM,aAAa,GAAG,CAC3B,WAAuC,EACvC,cAAsC,EACtC,EAAE;IACF,MAAM,KAAK,GAAG,oBAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,uBAAiB,EAAE,CAAC;IAElC,MAAM,EAAE,iBAAiB,EAAE,GAAG,6CAAoB,EAAE,CAAC;IAErD,MAAM,EAAE,cAAc,EAAE,GAAG,uCAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,cAAM,EAAU,CAAC;IAElC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAC3C,oCAAe,CAAC,sBAAa,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,mBAAW,CAAC,GAAG,EAAE;QACnC,IAAI,WAAW,KAAK,WAAW;YAAE,OAAO;QAExC,QAAQ,CAAC;YACP,UAAU,EAAE,cAAc;YAC1B,cAAc;YACd,WAAW;YACX,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,eAAM,EAAE;YACnB,iBAAiB;YACjB,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC,EAAE;QACD,WAAW;QACX,cAAc;QACd,cAAc;QACd,KAAK;QACL,QAAQ;QACR,iBAAiB;QACjB,KAAK,CAAC,OAAO;KACd,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,sBAAS,EAAE,CAAC;IAE3B,MAAM,YAAY,GAChB,MAAM;QACN,MAAM,CAAC,aAAa;QAElB,MAAM,CAAC,aAGR,CAAC,oCAAoC,CAAC;IAEzC,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,CAAC,YAAY;YAAE,OAAO;QAExC,MAAM,WAAW,GAAG,kBAAG,CAAC;YACtB,cAAc;YACd,cAAc;YACd,EAAE,EAAE,KAAK,CAAC,OAAO;YACjB,KAAK;YACL,YAAY;YACZ,iBAAiB;SAClB,CAAC,CAAC;QAEH,IAAI,QAAQ,CAAC,OAAO,KAAK,WAAW,EAAE;YACpC,OAAO;SACR;QAED,QAAQ,CAAC,OAAO,GAAG,WAAW,CAAC;QAE/B,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE;QACD,cAAc;QACd,WAAW;QACX,KAAK;QACL,cAAc;QACd,KAAK,CAAC,OAAO;QACb,iBAAiB;QACjB,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACzE,CAAC,CAAC;AAjFW,QAAA,aAAa,iBAiFxB"}
1
+ {"version":3,"file":"use-screenshot.js","sourceRoot":"","sources":["../../src/hooks/use-screenshot.ts"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,2CAAuC;AACvC,wCAAmD;AACnD,0CAA8C;AAE9C,gEAA2B;AAC3B,+DAA0D;AAC1D,qEAAgE;AAChE,6DAAuD;AACvD,6DAAwD;AACxD,mCAAgC;AAEzB,MAAM,aAAa,GAAG,CAC3B,WAAuC,EACvC,cAAsC,EACtC,EAAE;IACF,MAAM,KAAK,GAAG,oBAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,uBAAiB,EAAE,CAAC;IAElC,MAAM,EAAE,iBAAiB,EAAE,GAAG,6CAAoB,EAAE,CAAC;IAErD,MAAM,EAAE,cAAc,EAAE,GAAG,uCAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,cAAM,EAAU,CAAC;IAElC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAC3C,oCAAe,CAAC,sBAAa,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,mBAAW,CAAC,GAAG,EAAE;QACnC,IAAI,WAAW,KAAK,WAAW;YAAE,OAAO;QAExC,QAAQ,CAAC;YACP,UAAU,EAAE,cAAc;YAC1B,cAAc;YACd,WAAW;YACX,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,eAAM,EAAE;YACnB,iBAAiB;YACjB,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC,EAAE;QACD,WAAW;QACX,cAAc;QACd,cAAc;QACd,KAAK;QACL,QAAQ;QACR,iBAAiB;QACjB,KAAK,CAAC,OAAO;KACd,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,qCAAgB,EAAE,CAAC;IAElC,MAAM,YAAY,GAChB,MAAM;QACN,MAAM,CAAC,aAAa;QAElB,MAAM,CAAC,aAGR,CAAC,oCAAoC,CAAC;IAEzC,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,CAAC,YAAY;YAAE,OAAO;QAExC,MAAM,WAAW,GAAG,kBAAG,CAAC;YACtB,cAAc;YACd,cAAc;YACd,EAAE,EAAE,KAAK,CAAC,OAAO;YACjB,KAAK;YACL,YAAY;YACZ,iBAAiB;SAClB,CAAC,CAAC;QAEH,IAAI,QAAQ,CAAC,OAAO,KAAK,WAAW,EAAE;YACpC,OAAO;SACR;QAED,QAAQ,CAAC,OAAO,GAAG,WAAW,CAAC;QAE/B,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE;QACD,cAAc;QACd,WAAW;QACX,KAAK;QACL,cAAc;QACd,KAAK,CAAC,OAAO;QACb,iBAAiB;QACjB,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACzE,CAAC,CAAC;AAjFW,QAAA,aAAa,iBAiFxB"}
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.findSelector = void 0;
4
- const get_iframe_1 = require("./get-iframe");
4
+ const get_preview_iframe_1 = require("./get-preview-iframe");
5
5
  const findSelector = (selector) => {
6
- const element = get_iframe_1.getIframe().contentWindow.document.querySelector(selector);
6
+ const element = get_preview_iframe_1.getPreviewIframe().contentWindow.document.querySelector(selector);
7
7
  return element;
8
8
  };
9
9
  exports.findSelector = findSelector;
@@ -1 +1 @@
1
- {"version":3,"file":"find-selector.js","sourceRoot":"","sources":["../../src/utils/find-selector.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAElC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,sBAAS,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC3E,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB"}
1
+ {"version":3,"file":"find-selector.js","sourceRoot":"","sources":["../../src/utils/find-selector.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAEjD,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC/C,MAAM,OAAO,GACX,qCAAgB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACpE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB"}
@@ -0,0 +1 @@
1
+ export declare const getIframeDocument: (iframe: HTMLIFrameElement) => Document;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getIframeDocument = void 0;
4
+ const getIframeDocument = (iframe) => {
5
+ return iframe.contentDocument || iframe.contentWindow.document;
6
+ };
7
+ exports.getIframeDocument = getIframeDocument;
8
+ //# sourceMappingURL=get-iframe-document.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-iframe-document.js","sourceRoot":"","sources":["../../src/utils/get-iframe-document.ts"],"names":[],"mappings":";;;AAAO,MAAM,iBAAiB,GAAG,CAAC,MAAyB,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AACjE,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B"}
@@ -0,0 +1,4 @@
1
+ export declare const getIframeScrollPosition: (iframe: HTMLIFrameElement) => {
2
+ scrollLeft: number;
3
+ scrollTop: number;
4
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getIframeScrollPosition = void 0;
4
+ const get_iframe_document_1 = require("./get-iframe-document");
5
+ const getIframeScrollPosition = (iframe) => {
6
+ const iframeDocument = get_iframe_document_1.getIframeDocument(iframe);
7
+ const scrollTop = iframeDocument.defaultView.pageYOffset ||
8
+ iframeDocument.documentElement.scrollTop;
9
+ const scrollLeft = iframeDocument.defaultView.pageXOffset ||
10
+ iframeDocument.documentElement.scrollLeft;
11
+ return { scrollLeft, scrollTop };
12
+ };
13
+ exports.getIframeScrollPosition = getIframeScrollPosition;
14
+ //# sourceMappingURL=get-iframe-scroll-position.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-iframe-scroll-position.js","sourceRoot":"","sources":["../../src/utils/get-iframe-scroll-position.ts"],"names":[],"mappings":";;;AAAA,+DAA0D;AAEnD,MAAM,uBAAuB,GAAG,CAAC,MAAyB,EAAE,EAAE;IACnE,MAAM,cAAc,GAAG,uCAAiB,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,SAAS,GACb,cAAc,CAAC,WAAW,CAAC,WAAW;QACtC,cAAc,CAAC,eAAe,CAAC,SAAS,CAAC;IAC3C,MAAM,UAAU,GACd,cAAc,CAAC,WAAW,CAAC,WAAW;QACtC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC;IAE5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACnC,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC"}
@@ -0,0 +1 @@
1
+ export declare const getPreviewIframe: () => HTMLIFrameElement;
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getIframe = void 0;
4
- const getIframe = () => {
3
+ exports.getPreviewIframe = void 0;
4
+ const getPreviewIframe = () => {
5
5
  const iframe = document.body.querySelector('#storybook-preview-iframe');
6
6
  return iframe;
7
7
  };
8
- exports.getIframe = getIframe;
9
- //# sourceMappingURL=get-iframe.js.map
8
+ exports.getPreviewIframe = getPreviewIframe;
9
+ //# sourceMappingURL=get-preview-iframe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-preview-iframe.js","sourceRoot":"","sources":["../../src/utils/get-preview-iframe.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CACxC,2BAA2B,CAC5B,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AALW,QAAA,gBAAgB,oBAK3B"}
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.getRawStories = void 0;
4
4
  const utils_1 = require("../utils");
5
5
  const getRawStories = () => {
6
- const iframeWindow = utils_1.getIframe()
6
+ const iframeWindow = utils_1.getPreviewIframe()
7
7
  .contentWindow;
8
8
  if (!iframeWindow || !iframeWindow.__STORYBOOK_CLIENT_API__)
9
9
  return undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"get-raw-stories.js","sourceRoot":"","sources":["../../src/utils/get-raw-stories.ts"],"names":[],"mappings":";;;AAAA,oCAAqC;AAS9B,MAAM,aAAa,GAAG,GAA4B,EAAE;IACzD,MAAM,YAAY,GAAI,iBAAS,EAAE;SAC9B,aAA4C,CAAC;IAChD,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,wBAAwB;QAAE,OAAO,SAAS,CAAC;IAC9E,OAAO,YAAY,CAAC,wBAAwB,CAAC,GAAG,EAAE,CAAC;AACrD,CAAC,CAAC;AALW,QAAA,aAAa,iBAKxB"}
1
+ {"version":3,"file":"get-raw-stories.js","sourceRoot":"","sources":["../../src/utils/get-raw-stories.ts"],"names":[],"mappings":";;;AAAA,oCAA4C;AASrC,MAAM,aAAa,GAAG,GAA4B,EAAE;IACzD,MAAM,YAAY,GAAG,wBAAgB,EAAE;SACpC,aAA2C,CAAC;IAC/C,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,wBAAwB;QAAE,OAAO,SAAS,CAAC;IAC9E,OAAO,YAAY,CAAC,wBAAwB,CAAC,GAAG,EAAE,CAAC;AACrD,CAAC,CAAC;AALW,QAAA,aAAa,iBAKxB"}
@@ -1,6 +1,6 @@
1
1
  export * from './capitalize';
2
2
  export * from './find-selector';
3
- export * from './get-iframe';
3
+ export * from './get-preview-iframe';
4
4
  export * from './get-schema';
5
5
  export * from './is-valid-selector';
6
6
  export * from './construct-story-url';
@@ -13,3 +13,5 @@ export * from './get-device-info';
13
13
  export * from './get-story-function';
14
14
  export * from './get-raw-stories';
15
15
  export * from './is-story-json-file';
16
+ export * from './get-iframe-document';
17
+ export * from './get-iframe-scroll-position';
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./capitalize"), exports);
5
5
  tslib_1.__exportStar(require("./find-selector"), exports);
6
- tslib_1.__exportStar(require("./get-iframe"), exports);
6
+ tslib_1.__exportStar(require("./get-preview-iframe"), exports);
7
7
  tslib_1.__exportStar(require("./get-schema"), exports);
8
8
  tslib_1.__exportStar(require("./is-valid-selector"), exports);
9
9
  tslib_1.__exportStar(require("./construct-story-url"), exports);
@@ -16,4 +16,6 @@ tslib_1.__exportStar(require("./get-device-info"), exports);
16
16
  tslib_1.__exportStar(require("./get-story-function"), exports);
17
17
  tslib_1.__exportStar(require("./get-raw-stories"), exports);
18
18
  tslib_1.__exportStar(require("./is-story-json-file"), exports);
19
+ tslib_1.__exportStar(require("./get-iframe-document"), exports);
20
+ tslib_1.__exportStar(require("./get-iframe-scroll-position"), exports);
19
21
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,0DAAgC;AAChC,uDAA6B;AAC7B,uDAA6B;AAC7B,8DAAoC;AACpC,gEAAsC;AACtC,4DAAkC;AAClC,yDAA+B;AAC/B,4DAAkC;AAClC,oEAA0C;AAC1C,iEAAuC;AACvC,4DAAkC;AAClC,+DAAqC;AACrC,4DAAkC;AAClC,+DAAqC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,0DAAgC;AAChC,+DAAqC;AACrC,uDAA6B;AAC7B,8DAAoC;AACpC,gEAAsC;AACtC,4DAAkC;AAClC,yDAA+B;AAC/B,4DAAkC;AAClC,oEAA0C;AAC1C,iEAAuC;AACvC,4DAAkC;AAClC,+DAAqC;AACrC,4DAAkC;AAClC,+DAAqC;AACrC,gEAAsC;AACtC,uEAA6C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "storybook-addon-playwright",
3
- "version": "4.14.1",
3
+ "version": "4.14.2",
4
4
  "description": "An addon to visually test the stories in the multiple browsers within storybook environment",
5
5
  "author": "m.doaie <mdoaie@yahoo.co.uk>",
6
6
  "engines": {
@@ -153,4 +153,4 @@
153
153
  "storybook": {
154
154
  "displayName": "Playwright"
155
155
  }
156
- }
156
+ }
@@ -1 +0,0 @@
1
- export declare const useIframe: () => HTMLIFrameElement;
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-iframe.js","sourceRoot":"","sources":["../../src/hooks/use-iframe.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,oCAAqC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,MAAM,GAAG,cAAM,CAAoB,IAAI,CAAC,CAAC;IAE/C,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,OAAO,GAAG,iBAAS,EAAE,CAAC;KAC9B;IAED,iBAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB"}
@@ -1 +0,0 @@
1
- export declare const getIframe: () => HTMLIFrameElement;
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-iframe.js","sourceRoot":"","sources":["../../src/utils/get-iframe.ts"],"names":[],"mappings":";;;AAAO,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CACxC,2BAA2B,CAC5B,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AALW,QAAA,SAAS,aAKpB"}