creevey 0.10.7 → 0.10.9
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/README.md +14 -28
- package/dist/client/shared/components/ImagesView/BlendView.js +0 -5
- package/dist/client/shared/components/ImagesView/BlendView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SideBySideView.js +0 -5
- package/dist/client/shared/components/ImagesView/SideBySideView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SlideView.js +0 -5
- package/dist/client/shared/components/ImagesView/SlideView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SwapView.js +0 -5
- package/dist/client/shared/components/ImagesView/SwapView.js.map +1 -1
- package/dist/client/shared/components/PageHeader/ImagePreview.d.ts +1 -1
- package/dist/client/shared/components/ResultsPage.d.ts +1 -1
- package/dist/client/web/assets/{index-CtSq3IhG.js → index-C044taY0.js} +41 -41
- package/dist/client/web/index.html +1 -1
- package/dist/client/web/index.js +0 -2
- package/dist/client/web/index.js.map +1 -1
- package/dist/playwright/generator.js +4 -8
- package/dist/playwright/generator.js.map +1 -1
- package/dist/server/playwright/internal.d.ts +1 -3
- package/dist/server/playwright/internal.js +8 -35
- package/dist/server/playwright/internal.js.map +1 -1
- package/dist/server/playwright/webdriver.d.ts +1 -2
- package/dist/server/playwright/webdriver.js +2 -8
- package/dist/server/playwright/webdriver.js.map +1 -1
- package/dist/server/providers/hybrid.js +2 -1
- package/dist/server/providers/hybrid.js.map +1 -1
- package/dist/server/selenium/internal.d.ts +1 -3
- package/dist/server/selenium/internal.js +6 -59
- package/dist/server/selenium/internal.js.map +1 -1
- package/dist/server/selenium/webdriver.d.ts +1 -2
- package/dist/server/selenium/webdriver.js +2 -8
- package/dist/server/selenium/webdriver.js.map +1 -1
- package/dist/server/storybook-helpers.d.ts +18 -0
- package/dist/server/storybook-helpers.js +279 -0
- package/dist/server/storybook-helpers.js.map +1 -0
- package/dist/server/webdriver.d.ts +1 -2
- package/dist/server/webdriver.js +2 -26
- package/dist/server/webdriver.js.map +1 -1
- package/dist/types.d.ts +0 -1
- package/dist/types.js.map +1 -1
- package/docs/config.md +1 -1
- package/docs/migration-0.9-to-0.10.md +16 -0
- package/docs/storybook.md +2 -0
- package/package.json +1 -9
- package/src/client/shared/components/ImagesView/BlendView.tsx +1 -6
- package/src/client/shared/components/ImagesView/SideBySideView.tsx +1 -6
- package/src/client/shared/components/ImagesView/SlideView.tsx +1 -6
- package/src/client/shared/components/ImagesView/SwapView.tsx +0 -5
- package/src/client/web/index.tsx +1 -3
- package/src/playwright/generator.ts +5 -10
- package/src/server/playwright/internal.ts +7 -48
- package/src/server/playwright/webdriver.ts +2 -10
- package/src/server/providers/hybrid.ts +2 -1
- package/src/server/selenium/internal.ts +6 -81
- package/src/server/selenium/webdriver.ts +2 -10
- package/src/server/storybook-helpers.ts +310 -0
- package/src/server/webdriver.ts +3 -38
- package/src/types.ts +0 -1
- package/dist/client/addon/components/Addon.d.ts +0 -9
- package/dist/client/addon/components/Addon.js +0 -67
- package/dist/client/addon/components/Addon.js.map +0 -1
- package/dist/client/addon/components/Icons.d.ts +0 -8
- package/dist/client/addon/components/Icons.js +0 -18
- package/dist/client/addon/components/Icons.js.map +0 -1
- package/dist/client/addon/components/Panel.d.ts +0 -10
- package/dist/client/addon/components/Panel.js +0 -35
- package/dist/client/addon/components/Panel.js.map +0 -1
- package/dist/client/addon/components/TestSelect.d.ts +0 -9
- package/dist/client/addon/components/TestSelect.js +0 -34
- package/dist/client/addon/components/TestSelect.js.map +0 -1
- package/dist/client/addon/components/Tools.d.ts +0 -7
- package/dist/client/addon/components/Tools.js +0 -98
- package/dist/client/addon/components/Tools.js.map +0 -1
- package/dist/client/addon/controller.d.ts +0 -38
- package/dist/client/addon/controller.js +0 -207
- package/dist/client/addon/controller.js.map +0 -1
- package/dist/client/addon/decorator.d.ts +0 -1
- package/dist/client/addon/decorator.js +0 -6
- package/dist/client/addon/decorator.js.map +0 -1
- package/dist/client/addon/index.d.ts +0 -2
- package/dist/client/addon/index.js +0 -19
- package/dist/client/addon/index.js.map +0 -1
- package/dist/client/addon/makeDecorator.d.ts +0 -9
- package/dist/client/addon/makeDecorator.js +0 -48
- package/dist/client/addon/makeDecorator.js.map +0 -1
- package/dist/client/addon/manager.d.ts +0 -1
- package/dist/client/addon/manager.js +0 -41
- package/dist/client/addon/manager.js.map +0 -1
- package/dist/client/addon/preset.d.ts +0 -1
- package/dist/client/addon/preset.js +0 -7
- package/dist/client/addon/preset.js.map +0 -1
- package/dist/client/addon/preset.mjs +0 -4
- package/dist/client/addon/preview.d.ts +0 -4
- package/dist/client/addon/preview.js +0 -8
- package/dist/client/addon/preview.js.map +0 -1
- package/dist/client/addon/preview.mjs +0 -7
- package/dist/client/addon/readyForCapture.d.ts +0 -6
- package/dist/client/addon/readyForCapture.js +0 -7
- package/dist/client/addon/readyForCapture.js.map +0 -1
- package/dist/client/addon/utils.d.ts +0 -3
- package/dist/client/addon/utils.js +0 -27
- package/dist/client/addon/utils.js.map +0 -1
- package/dist/client/addon/withCreevey.d.ts +0 -25
- package/dist/client/addon/withCreevey.js +0 -257
- package/dist/client/addon/withCreevey.js.map +0 -1
- package/src/client/addon/components/Addon.tsx +0 -53
- package/src/client/addon/components/Icons.tsx +0 -28
- package/src/client/addon/components/Panel.tsx +0 -57
- package/src/client/addon/components/TestSelect.tsx +0 -48
- package/src/client/addon/components/Tools.tsx +0 -93
- package/src/client/addon/controller.ts +0 -231
- package/src/client/addon/decorator.ts +0 -3
- package/src/client/addon/index.ts +0 -2
- package/src/client/addon/makeDecorator.ts +0 -69
- package/src/client/addon/manager.ts +0 -45
- package/src/client/addon/preset.ts +0 -4
- package/src/client/addon/preview.ts +0 -7
- package/src/client/addon/readyForCapture.ts +0 -9
- package/src/client/addon/utils.tsx +0 -24
- package/src/client/addon/withCreevey.ts +0 -328
- package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
- package/storybook-static/favicon-wrapper.svg +0 -46
- package/storybook-static/favicon.svg +0 -1
- package/storybook-static/index.html +0 -156
- package/storybook-static/index.json +0 -1
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +0 -1
- package/storybook-static/sb-addons/chromatic-com-storybook-1/manager-bundle.js +0 -356
- package/storybook-static/sb-addons/chromatic-com-storybook-1/manager-bundle.js.LEGAL.txt +0 -40
- package/storybook-static/sb-addons/client-addon-3/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/docs-2/manager-bundle.js +0 -151
- package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -971
- package/storybook-static/sb-common-assets/favicon-wrapper.svg +0 -46
- package/storybook-static/sb-common-assets/favicon.svg +0 -1
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +0 -797
- package/storybook-static/sb-manager/globals-runtime.js +0 -69653
- package/storybook-static/sb-manager/globals.js +0 -34
- package/storybook-static/sb-manager/runtime.js +0 -13181
package/README.md
CHANGED
|
@@ -28,6 +28,7 @@ It named after [Colin Creevey](https://harrypotter.fandom.com/wiki/Colin_Creevey
|
|
|
28
28
|
- [Comparison with other tools](#comparison-with-other-tools)
|
|
29
29
|
- [Config](docs/config.md)
|
|
30
30
|
- [CLI commands](docs/cli.md)
|
|
31
|
+
- [Playwright reporter](docs/playwright-reporter.md)
|
|
31
32
|
- [Storybook parameters](docs/storybook.md)
|
|
32
33
|
- [Write interactive tests](docs/tests.md)
|
|
33
34
|
- [Use your Selenium Grid (LambdaTest/BrowserStack/SauceLabs/etc)](docs/grid.md)
|
|
@@ -49,22 +50,7 @@ It named after [Colin Creevey](https://harrypotter.fandom.com/wiki/Colin_Creevey
|
|
|
49
50
|
yarn add -D creevey
|
|
50
51
|
```
|
|
51
52
|
|
|
52
|
-
-
|
|
53
|
-
|
|
54
|
-
```js
|
|
55
|
-
// .storybook/main.ts
|
|
56
|
-
const config: StorybookConfig = {
|
|
57
|
-
stories: [ /* ... */ ],
|
|
58
|
-
addons: [
|
|
59
|
-
/* ... */
|
|
60
|
-
'creevey',
|
|
61
|
-
],
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
export default config;
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
- Start Creevey UI Runner, which starts Storybook automatically. (To start tests from CLI, run Creevey without `--ui` flag)
|
|
53
|
+
- Start Creevey Web UI Runner. With `-s` flag Creevey will start Storybook automatically. (To run headless from CLI, omit the `--ui` flag)
|
|
68
54
|
|
|
69
55
|
```bash
|
|
70
56
|
yarn creevey test -s --ui
|
|
@@ -74,7 +60,7 @@ yarn creevey test -s --ui
|
|
|
74
60
|
|
|
75
61
|
**NOTE:** In first run you may noticed, that all your tests are failing, it because you don't have source screenshot images yet. If you think, that all images are acceptable, you can approve them all from UI.
|
|
76
62
|
|
|
77
|
-
**NOTE:** Creevey captures screenshot of the `#storybook-root` element and sometimes you need to capture a whole browser viewport. To achieve this you could define `captureElement` Creevey parameter for story or kind. Or you may pass any different css selector.
|
|
63
|
+
**NOTE:** Creevey captures screenshot of the `#storybook-root` element and sometimes you need to capture a whole browser viewport. To achieve this you could define `captureElement` Creevey parameter for story or kind. Or you may pass any different css selector. No Storybook addon is required — Creevey reads parameters directly from your stories/config.
|
|
78
64
|
|
|
79
65
|
```tsx
|
|
80
66
|
// stories/MyModal.stories.tsx
|
|
@@ -88,17 +74,17 @@ export const MyModalStory = { creevey: { captureElement: null } };
|
|
|
88
74
|
|
|
89
75
|
## Comparison with other tools
|
|
90
76
|
|
|
91
|
-
| Features\Tools
|
|
92
|
-
|
|
|
93
|
-
| Easy-to-Setup
|
|
94
|
-
| Storybook Support
|
|
95
|
-
| Run tests from
|
|
96
|
-
| Cross-browser
|
|
97
|
-
| Test Interaction
|
|
98
|
-
| UI Test Runner
|
|
99
|
-
| Built-in Docker
|
|
100
|
-
| Tests hot-reload
|
|
101
|
-
| OSS/SaaS
|
|
77
|
+
| Features\Tools | Creevey | Loki | Storyshots | Hermione | BackstopJS | Percy/Happo | Chromatic |
|
|
78
|
+
| --------------------- | ------------------ | ------------------ | ------------------ | ------------------ | ------------------ | ------------------ | ------------------ |
|
|
79
|
+
| Easy-to-Setup | :heavy_check_mark: | :heavy_check_mark: | :warning: | :no_entry: | :no_entry: | :heavy_check_mark: | :heavy_check_mark: |
|
|
80
|
+
| Storybook Support | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :no_entry: | :no_entry: | :heavy_check_mark: | :heavy_check_mark: |
|
|
81
|
+
| Run tests from Web UI | :heavy_check_mark: | :no_entry: | :no_entry: | :no_entry: | :no_entry: | :no_entry: | :no_entry: |
|
|
82
|
+
| Cross-browser | :heavy_check_mark: | :warning: | :no_entry: | :heavy_check_mark: | :no_entry: | :heavy_check_mark: | :heavy_check_mark: |
|
|
83
|
+
| Test Interaction | :heavy_check_mark: | :no_entry: | :warning: | :heavy_check_mark: | :heavy_check_mark: | :no_entry: | :no_entry: |
|
|
84
|
+
| UI Test Runner | :heavy_check_mark: | :no_entry: | :no_entry: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
|
|
85
|
+
| Built-in Docker | :heavy_check_mark: | :heavy_check_mark: | :no_entry: | :no_entry: | :heavy_check_mark: | :warning: | :warning: |
|
|
86
|
+
| Tests hot-reload | :heavy_check_mark: | :no_entry: | :no_entry: | :no_entry: | :no_entry: | :no_entry: | :no_entry: |
|
|
87
|
+
| OSS/SaaS | OSS | OSS | OSS | OSS | OSS | SaaS | SaaS |
|
|
102
88
|
|
|
103
89
|
## Future plans
|
|
104
90
|
|
|
@@ -38,7 +38,6 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const theming_1 = require("storybook/theming");
|
|
39
39
|
const common_js_1 = require("./common.js");
|
|
40
40
|
const helpers_js_1 = require("../../helpers.js");
|
|
41
|
-
const readyForCapture_js_1 = require("../../../addon/readyForCapture.js");
|
|
42
41
|
const Container = theming_1.styled.div({
|
|
43
42
|
position: 'relative',
|
|
44
43
|
display: 'flex',
|
|
@@ -70,10 +69,6 @@ exports.BlendView = (0, theming_1.withTheme)(({ actual, diff, expect, theme }) =
|
|
|
70
69
|
const scale = (0, helpers_js_1.useCalcScale)(diffImageRef, loaded);
|
|
71
70
|
(0, helpers_js_1.useApplyScale)(expectImageRef, scale, loaded);
|
|
72
71
|
(0, helpers_js_1.useApplyScale)(actualImageRef, scale, loaded);
|
|
73
|
-
(0, react_1.useEffect)(() => {
|
|
74
|
-
if (loaded)
|
|
75
|
-
(0, readyForCapture_js_1.readyForCapture)();
|
|
76
|
-
}, [loaded]);
|
|
77
72
|
return (react_1.default.createElement(Container, null,
|
|
78
73
|
react_1.default.createElement(ImageContainer, null,
|
|
79
74
|
react_1.default.createElement(Image, { ref: expectImageRef, borderColor: (0, common_js_1.getBorderColor)(theme, common_js_1.themeBorderColors.expect), alt: "expect", src: expect })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlendView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/BlendView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"BlendView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/BlendView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,+CAAsD;AACtD,2CAAoF;AACpF,iDAA8E;AAE9E,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAC;IAC3B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,cAAc;CACvB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,CAAC;IAChC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,CAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,aAAa,WAAW,EAAE;IAClC,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,cAAc;CACvB,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC;IAChC,YAAY,EAAE,YAAY;CAC3B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,mBAAS,EAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAsB,EAAe,EAAE;IACtG,MAAM,cAAc,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAE7D,MAAM,MAAM,GAAG,IAAA,0BAAa,EAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,IAAA,yBAAY,EAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAEjD,IAAA,0BAAa,EAAC,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAA,0BAAa,EAAC,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAE7C,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,cAAc;YACb,8BAAC,KAAK,IACJ,GAAG,EAAE,cAAc,EACnB,WAAW,EAAE,IAAA,0BAAc,EAAC,KAAK,EAAE,6BAAiB,CAAC,MAAM,CAAC,EAC5D,GAAG,EAAC,QAAQ,EACZ,GAAG,EAAE,MAAM,GACX,CACa;QACjB,8BAAC,SAAS,IAAC,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,GAAI;QAClF,8BAAC,cAAc;YACb,8BAAC,WAAW,IACV,GAAG,EAAE,cAAc,EACnB,WAAW,EAAE,IAAA,0BAAc,EAAC,KAAK,EAAE,6BAAiB,CAAC,MAAM,CAAC,EAC5D,GAAG,EAAC,QAAQ,EACZ,GAAG,EAAE,MAAM,GACX,CACa,CACP,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -39,7 +39,6 @@ const components_1 = require("storybook/internal/components");
|
|
|
39
39
|
const theming_1 = require("storybook/theming");
|
|
40
40
|
const common_js_1 = require("./common.js");
|
|
41
41
|
const helpers_js_1 = require("../../helpers.js");
|
|
42
|
-
const readyForCapture_js_1 = require("../../../addon/readyForCapture.js");
|
|
43
42
|
const Container = theming_1.styled.div({
|
|
44
43
|
display: 'flex',
|
|
45
44
|
flexWrap: 'nowrap',
|
|
@@ -116,10 +115,6 @@ exports.SideBySideView = (0, theming_1.withTheme)(({ actual, diff, expect, theme
|
|
|
116
115
|
}, [loaded]);
|
|
117
116
|
(0, helpers_js_1.useApplyScale)(expectImageRef, scale);
|
|
118
117
|
(0, helpers_js_1.useApplyScale)(actualImageRef, scale);
|
|
119
|
-
(0, react_1.useEffect)(() => {
|
|
120
|
-
if (loaded)
|
|
121
|
-
(0, readyForCapture_js_1.readyForCapture)();
|
|
122
|
-
}, [loaded]);
|
|
123
118
|
return (react_1.default.createElement(Container, { ref: containerRef }, loaded ? (react_1.default.createElement(ImagesLayout, { layout: layout },
|
|
124
119
|
react_1.default.createElement(ImageLink, { href: expect, target: "_blank", rel: "noopener noreferrer" },
|
|
125
120
|
react_1.default.createElement(Image, { ref: expectImageRef, borderColor: (0, common_js_1.getBorderColor)(theme, common_js_1.themeBorderColors.expect), alt: "expect", src: expect })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBySideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SideBySideView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"SideBySideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SideBySideView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,6 @@ const components_1 = require("storybook/internal/components");
|
|
|
39
39
|
const theming_1 = require("storybook/theming");
|
|
40
40
|
const common_js_1 = require("./common.js");
|
|
41
41
|
const helpers_js_1 = require("../../helpers.js");
|
|
42
|
-
const readyForCapture_js_1 = require("../../../addon/readyForCapture.js");
|
|
43
42
|
const Container = theming_1.styled.div({
|
|
44
43
|
position: 'relative',
|
|
45
44
|
display: 'flex',
|
|
@@ -129,10 +128,6 @@ exports.SlideView = (0, theming_1.withTheme)(({ actual, diff, expect, theme }) =
|
|
|
129
128
|
expectedImageWrapperRef.current.style.left = '100%';
|
|
130
129
|
}
|
|
131
130
|
}, [loaded]);
|
|
132
|
-
(0, react_1.useEffect)(() => {
|
|
133
|
-
if (loaded)
|
|
134
|
-
(0, readyForCapture_js_1.readyForCapture)();
|
|
135
|
-
}, [loaded]);
|
|
136
131
|
return loaded ? (react_1.default.createElement(Container, null,
|
|
137
132
|
react_1.default.createElement(Input, { "data-testid": "slider", type: "range", min: 0, max: 100, defaultValue: 0, step: step, onChange: handleSlide }),
|
|
138
133
|
react_1.default.createElement(ImageContainer, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SlideView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"SlideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SlideView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,6 @@ const components_1 = require("storybook/internal/components");
|
|
|
39
39
|
const theming_1 = require("storybook/theming");
|
|
40
40
|
const common_js_1 = require("./common.js");
|
|
41
41
|
const helpers_js_1 = require("../../helpers.js");
|
|
42
|
-
const readyForCapture_js_1 = require("../../../addon/readyForCapture.js");
|
|
43
42
|
const Container = theming_1.styled.div({
|
|
44
43
|
position: 'relative',
|
|
45
44
|
display: 'flex',
|
|
@@ -82,10 +81,6 @@ exports.SwapView = (0, theming_1.withTheme)(({ theme, expect, actual, diff }) =>
|
|
|
82
81
|
document.removeEventListener('keydown', handleKeyDown, false);
|
|
83
82
|
};
|
|
84
83
|
}, [handleKeyDown]);
|
|
85
|
-
(0, react_1.useEffect)(() => {
|
|
86
|
-
if (loaded)
|
|
87
|
-
(0, readyForCapture_js_1.readyForCapture)();
|
|
88
|
-
}, [loaded]);
|
|
89
84
|
return loaded ? (react_1.default.createElement(Container, null,
|
|
90
85
|
react_1.default.createElement(Image, { ref: expectImageRef, borderColor: (0, common_js_1.getBorderColor)(theme, common_js_1.themeBorderColors.expect), alt: 'expect', src: expect, hidden: image != 'expect' }),
|
|
91
86
|
react_1.default.createElement(DiffImage, { ref: diffImageRef, borderColor: 'transparent', tabIndex: 0, alt: "diff", src: diff, onClick: handleChangeView }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SwapView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,8DAAuD;AACvD,+CAAsD;AACtD,2CAAoF;AACpF,iDAA8E;
|
|
1
|
+
{"version":3,"file":"SwapView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SwapView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ interface ImageSwapProps {
|
|
|
8
8
|
theme: Theme;
|
|
9
9
|
error?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const ImagePreview: React.ForwardRefExoticComponent<Pick<ImageSwapProps, "error" | "
|
|
11
|
+
export declare const ImagePreview: React.ForwardRefExoticComponent<Pick<ImageSwapProps, "error" | "url" | "imageName" | "onClick" | "isActive"> & {
|
|
12
12
|
theme?: Theme;
|
|
13
13
|
}>;
|
|
14
14
|
export {};
|
|
@@ -14,7 +14,7 @@ interface ResultsPageProps {
|
|
|
14
14
|
onRetryChange: (retry: number) => void;
|
|
15
15
|
}
|
|
16
16
|
export declare function ResultsPageInternal({ path, results, approved, theme, height, retry, imageName, onImageChange, onRetryChange, }: ResultsPageProps): JSX.Element;
|
|
17
|
-
export declare const ResultsPage: React.ForwardRefExoticComponent<Pick<ResultsPageProps, "approved" | "
|
|
17
|
+
export declare const ResultsPage: React.ForwardRefExoticComponent<Pick<ResultsPageProps, "approved" | "results" | "path" | "height" | "retry" | "imageName" | "onImageChange" | "onRetryChange" | "showTitle"> & {
|
|
18
18
|
theme?: Theme;
|
|
19
19
|
}>;
|
|
20
20
|
export {};
|