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.
- package/.vscode/launch.json +50 -0
- package/.vscode/settings.json +24 -0
- package/.vscode/tasks.json +15 -0
- package/dist/components/Clipper/Clipper.js +11 -4
- package/dist/components/Clipper/Clipper.js.map +1 -1
- package/dist/components/screenshot-preview/ResetSettings.d.ts +6 -0
- package/dist/components/screenshot-preview/ResetSettings.js +23 -0
- package/dist/components/screenshot-preview/ResetSettings.js.map +1 -0
- package/dist/components/screenshot-preview/Toolbar.js +2 -0
- package/dist/components/screenshot-preview/Toolbar.js.map +1 -1
- package/dist/components/tool-bar/ImageDiff.js +1 -1
- package/dist/components/tool-bar/ImageDiff.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/use-browser-options.d.ts +4 -3
- package/dist/hooks/use-browser-options.js.map +1 -1
- package/dist/hooks/use-preview-iframe.d.ts +1 -0
- package/dist/hooks/{use-iframe.js → use-preview-iframe.js} +5 -5
- package/dist/hooks/use-preview-iframe.js.map +1 -0
- package/dist/hooks/use-screenshot.js +2 -2
- package/dist/hooks/use-screenshot.js.map +1 -1
- package/dist/utils/find-selector.js +2 -2
- package/dist/utils/find-selector.js.map +1 -1
- package/dist/utils/get-iframe-document.d.ts +1 -0
- package/dist/utils/get-iframe-document.js +8 -0
- package/dist/utils/get-iframe-document.js.map +1 -0
- package/dist/utils/get-iframe-scroll-position.d.ts +4 -0
- package/dist/utils/get-iframe-scroll-position.js +14 -0
- package/dist/utils/get-iframe-scroll-position.js.map +1 -0
- package/dist/utils/get-preview-iframe.d.ts +1 -0
- package/dist/utils/{get-iframe.js → get-preview-iframe.js} +4 -4
- package/dist/utils/get-preview-iframe.js.map +1 -0
- package/dist/utils/get-raw-stories.js +1 -1
- package/dist/utils/get-raw-stories.js.map +1 -1
- package/dist/utils/index.d.ts +3 -1
- package/dist/utils/index.js +3 -1
- package/dist/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/hooks/use-iframe.d.ts +0 -1
- package/dist/hooks/use-iframe.js.map +0 -1
- package/dist/utils/get-iframe.d.ts +0 -1
- 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:
|
|
41
|
-
y:
|
|
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,
|
|
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,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;
|
|
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: "
|
|
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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"}
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/hooks/index.js
CHANGED
|
@@ -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);
|
package/dist/hooks/index.js.map
CHANGED
|
@@ -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
|
|
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
|
|
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:
|
|
85
|
-
setBrowserOptions: (browserType:
|
|
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;
|
|
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.
|
|
3
|
+
exports.usePreviewIframe = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const utils_1 = require("../utils");
|
|
6
|
-
const
|
|
6
|
+
const usePreviewIframe = () => {
|
|
7
7
|
const iframe = react_1.useRef(null);
|
|
8
8
|
if (!iframe.current) {
|
|
9
|
-
iframe.current = utils_1.
|
|
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.
|
|
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
|
|
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 =
|
|
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,
|
|
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
|
|
4
|
+
const get_preview_iframe_1 = require("./get-preview-iframe");
|
|
5
5
|
const findSelector = (selector) => {
|
|
6
|
-
const element =
|
|
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,
|
|
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,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.
|
|
4
|
-
const
|
|
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.
|
|
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.
|
|
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,
|
|
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"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/utils/index.js
CHANGED
|
@@ -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
|
package/dist/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,0DAAgC;AAChC
|
|
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.
|
|
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"}
|