creevey 0.10.0-beta.8 → 0.10.0-rc.0
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/AUTHORS +2 -0
- package/CHANGELOG.md +281 -0
- package/README.md +19 -41
- package/dist/client/addon/components/Addon.js +18 -8
- package/dist/client/addon/components/Addon.js.map +1 -1
- package/dist/client/addon/components/Panel.js +4 -4
- package/dist/client/addon/components/Panel.js.map +1 -1
- package/dist/client/addon/components/TestSelect.js +2 -2
- package/dist/client/addon/components/TestSelect.js.map +1 -1
- package/dist/client/addon/components/Tools.js +19 -9
- package/dist/client/addon/components/Tools.js.map +1 -1
- package/dist/client/addon/controller.d.ts +1 -1
- package/dist/client/addon/controller.js +3 -3
- package/dist/client/addon/controller.js.map +1 -1
- package/dist/client/addon/decorator.d.ts +1 -1
- package/dist/client/addon/makeDecorator.d.ts +9 -0
- package/dist/client/addon/makeDecorator.js +48 -0
- package/dist/client/addon/makeDecorator.js.map +1 -0
- package/dist/client/addon/manager.js +38 -39
- package/dist/client/addon/manager.js.map +1 -1
- package/dist/client/addon/preset.d.ts +0 -1
- package/dist/client/addon/preset.js +3 -2
- package/dist/client/addon/preset.js.map +1 -1
- package/dist/client/addon/preview.d.ts +1 -1
- package/dist/client/addon/withCreevey.d.ts +5 -3
- package/dist/client/addon/withCreevey.js +14 -21
- package/dist/client/addon/withCreevey.js.map +1 -1
- package/dist/client/shared/components/ImagesView/BlendView.d.ts +2 -2
- package/dist/client/shared/components/ImagesView/BlendView.js +18 -8
- package/dist/client/shared/components/ImagesView/BlendView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/ImagesView.js +1 -1
- package/dist/client/shared/components/ImagesView/ImagesView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SideBySideView.d.ts +2 -2
- package/dist/client/shared/components/ImagesView/SideBySideView.js +19 -9
- package/dist/client/shared/components/ImagesView/SideBySideView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SlideView.d.ts +2 -2
- package/dist/client/shared/components/ImagesView/SlideView.js +19 -9
- package/dist/client/shared/components/ImagesView/SlideView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/SwapView.d.ts +2 -2
- package/dist/client/shared/components/ImagesView/SwapView.js +31 -9
- package/dist/client/shared/components/ImagesView/SwapView.js.map +1 -1
- package/dist/client/shared/components/ImagesView/common.d.ts +1 -1
- package/dist/client/shared/components/PageFooter/PageFooter.js +1 -1
- package/dist/client/shared/components/PageFooter/PageFooter.js.map +1 -1
- package/dist/client/shared/components/PageFooter/Paging.js +1 -1
- package/dist/client/shared/components/PageFooter/Paging.js.map +1 -1
- package/dist/client/shared/components/PageHeader/ImagePreview.d.ts +2 -2
- package/dist/client/shared/components/PageHeader/ImagePreview.js +2 -1
- package/dist/client/shared/components/PageHeader/ImagePreview.js.map +1 -1
- package/dist/client/shared/components/PageHeader/PageHeader.js +34 -13
- package/dist/client/shared/components/PageHeader/PageHeader.js.map +1 -1
- package/dist/client/shared/components/ResultsPage.d.ts +2 -2
- package/dist/client/shared/components/ResultsPage.js +45 -15
- package/dist/client/shared/components/ResultsPage.js.map +1 -1
- package/dist/client/shared/creeveyClientApi.js +18 -1
- package/dist/client/shared/creeveyClientApi.js.map +1 -1
- package/dist/client/shared/helpers.d.ts +1 -3
- package/dist/client/shared/helpers.js +4 -19
- package/dist/client/shared/helpers.js.map +1 -1
- package/dist/client/web/CreeveyApp.d.ts +1 -0
- package/dist/client/web/CreeveyApp.js +44 -15
- package/dist/client/web/CreeveyApp.js.map +1 -1
- package/dist/client/web/CreeveyContext.d.ts +6 -0
- package/dist/client/web/CreeveyContext.js +21 -7
- package/dist/client/web/CreeveyContext.js.map +1 -1
- package/dist/client/web/CreeveyLoader.d.ts +1 -1
- package/dist/client/web/CreeveyLoader.js +3 -3
- package/dist/client/web/CreeveyLoader.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/Checkbox.d.ts +4 -4
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js +36 -6
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/Search.js +20 -10
- package/dist/client/web/CreeveyView/SideBar/Search.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SideBar.js +26 -12
- package/dist/client/web/CreeveyView/SideBar/SideBar.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js +67 -13
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js +32 -12
- package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.d.ts +6 -6
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js +20 -13
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestLink.js +20 -13
- package/dist/client/web/CreeveyView/SideBar/TestLink.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +2 -2
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js +2 -2
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.d.ts +2 -2
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js +3 -2
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/Toggle.js +1 -1
- package/dist/client/web/CreeveyView/SideBar/Toggle.js.map +1 -1
- package/dist/client/web/KeyboardEventsContext.d.ts +1 -8
- package/dist/client/web/KeyboardEventsContext.js +79 -64
- package/dist/client/web/KeyboardEventsContext.js.map +1 -1
- package/dist/client/web/assets/index-CtSq3IhG.js +518 -0
- package/dist/client/web/index.html +1 -1
- package/dist/client/web/index.js +26 -11
- package/dist/client/web/index.js.map +1 -1
- package/dist/client/web/themes.d.ts +2 -0
- package/dist/client/web/themes.js +22 -0
- package/dist/client/web/themes.js.map +1 -0
- package/dist/creevey.d.ts +1 -1
- package/dist/creevey.js +122 -41
- package/dist/creevey.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/playwright/generator.d.ts +25 -0
- package/dist/playwright/generator.js +243 -0
- package/dist/playwright/generator.js.map +1 -0
- package/dist/playwright/helpers.d.ts +2 -0
- package/dist/playwright/helpers.js +29 -0
- package/dist/playwright/helpers.js.map +1 -0
- package/dist/playwright/reporter.d.ts +83 -0
- package/dist/playwright/reporter.js +334 -0
- package/dist/playwright/reporter.js.map +1 -0
- package/dist/playwright/setup.d.ts +3 -0
- package/dist/playwright/setup.js +72 -0
- package/dist/playwright/setup.js.map +1 -0
- package/dist/playwright.d.ts +1 -0
- package/dist/playwright.js +3 -1
- package/dist/playwright.js.map +1 -1
- package/dist/server/compare.d.ts +18 -0
- package/dist/server/compare.js +182 -0
- package/dist/server/compare.js.map +1 -0
- package/dist/server/config.d.ts +3 -3
- package/dist/server/config.js +75 -8
- package/dist/server/config.js.map +1 -1
- package/dist/server/connection.d.ts +3 -0
- package/dist/server/connection.js +28 -0
- package/dist/server/connection.js.map +1 -0
- package/dist/server/docker.d.ts +1 -1
- package/dist/server/docker.js +54 -32
- package/dist/server/docker.js.map +1 -1
- package/dist/server/index.d.ts +2 -2
- package/dist/server/index.js +165 -64
- package/dist/server/index.js.map +1 -1
- package/dist/server/master/api.d.ts +11 -6
- package/dist/server/master/api.js +88 -25
- package/dist/server/master/api.js.map +1 -1
- package/dist/server/master/handlers/capture-handler.d.ts +5 -0
- package/dist/server/master/handlers/capture-handler.js +25 -0
- package/dist/server/master/handlers/capture-handler.js.map +1 -0
- package/dist/server/master/handlers/index.d.ts +4 -0
- package/dist/server/master/handlers/index.js +21 -0
- package/dist/server/master/handlers/index.js.map +1 -0
- package/dist/server/master/handlers/ping-handler.d.ts +2 -0
- package/dist/server/master/handlers/ping-handler.js +8 -0
- package/dist/server/master/handlers/ping-handler.js.map +1 -0
- package/dist/server/master/handlers/static-handler.d.ts +1 -0
- package/dist/server/master/handlers/static-handler.js +20 -0
- package/dist/server/master/handlers/static-handler.js.map +1 -0
- package/dist/server/master/handlers/stories-handler.d.ts +4 -0
- package/dist/server/master/handlers/stories-handler.js +24 -0
- package/dist/server/master/handlers/stories-handler.js.map +1 -0
- package/dist/server/master/master.js +7 -24
- package/dist/server/master/master.js.map +1 -1
- package/dist/server/master/pool.d.ts +1 -0
- package/dist/server/master/pool.js +5 -3
- package/dist/server/master/pool.js.map +1 -1
- package/dist/server/master/queue.d.ts +1 -1
- package/dist/server/master/queue.js +14 -6
- package/dist/server/master/queue.js.map +1 -1
- package/dist/server/master/runner.d.ts +6 -6
- package/dist/server/master/runner.js +98 -130
- package/dist/server/master/runner.js.map +1 -1
- package/dist/server/master/server.d.ts +1 -1
- package/dist/server/master/server.js +193 -88
- package/dist/server/master/server.js.map +1 -1
- package/dist/server/master/start.d.ts +1 -2
- package/dist/server/master/start.js +13 -29
- package/dist/server/master/start.js.map +1 -1
- package/dist/server/master/testsManager.d.ts +81 -0
- package/dist/server/master/testsManager.js +282 -0
- package/dist/server/master/testsManager.js.map +1 -0
- package/dist/server/playwright/docker-file.d.ts +1 -1
- package/dist/server/playwright/docker-file.js +17 -8
- package/dist/server/playwright/docker-file.js.map +1 -1
- package/dist/server/playwright/docker.d.ts +2 -1
- package/dist/server/playwright/docker.js +10 -2
- package/dist/server/playwright/docker.js.map +1 -1
- package/dist/server/playwright/index-source.mjs +16 -0
- package/dist/server/playwright/internal.d.ts +7 -7
- package/dist/server/playwright/internal.js +144 -84
- package/dist/server/playwright/internal.js.map +1 -1
- package/dist/server/playwright/webdriver.d.ts +3 -3
- package/dist/server/playwright/webdriver.js +0 -6
- package/dist/server/playwright/webdriver.js.map +1 -1
- package/dist/server/providers/browser.js +4 -3
- package/dist/server/providers/browser.js.map +1 -1
- package/dist/server/providers/hybrid.js +2 -2
- package/dist/server/providers/hybrid.js.map +1 -1
- package/dist/server/report.d.ts +10 -0
- package/dist/server/report.js +45 -0
- package/dist/server/report.js.map +1 -0
- package/dist/server/reporters/creevey.d.ts +7 -0
- package/dist/server/reporters/creevey.js +63 -0
- package/dist/server/reporters/creevey.js.map +1 -0
- package/dist/server/reporters/index.d.ts +2 -0
- package/dist/server/reporters/index.js +16 -0
- package/dist/server/reporters/index.js.map +1 -0
- package/dist/server/reporters/junit.d.ts +16 -0
- package/dist/server/reporters/junit.js +167 -0
- package/dist/server/reporters/junit.js.map +1 -0
- package/dist/server/reporters/teamcity.d.ts +7 -0
- package/dist/server/reporters/teamcity.js +60 -0
- package/dist/server/reporters/teamcity.js.map +1 -0
- package/dist/server/selenium/internal.d.ts +4 -4
- package/dist/server/selenium/internal.js +56 -40
- package/dist/server/selenium/internal.js.map +1 -1
- package/dist/server/selenium/selenoid.js +12 -6
- package/dist/server/selenium/selenoid.js.map +1 -1
- package/dist/server/selenium/webdriver.d.ts +3 -3
- package/dist/server/selenium/webdriver.js +4 -8
- package/dist/server/selenium/webdriver.js.map +1 -1
- package/dist/server/shutdown.d.ts +1 -0
- package/dist/server/shutdown.js +23 -0
- package/dist/server/shutdown.js.map +1 -0
- package/dist/server/stories.d.ts +0 -1
- package/dist/server/stories.js +0 -12
- package/dist/server/stories.js.map +1 -1
- package/dist/server/telemetry.js +3 -3
- package/dist/server/telemetry.js.map +1 -1
- package/dist/server/testsFiles/parser.js +45 -5
- package/dist/server/testsFiles/parser.js.map +1 -1
- package/dist/server/utils.d.ts +23 -0
- package/dist/server/utils.js +114 -15
- package/dist/server/utils.js.map +1 -1
- package/dist/server/webdriver.d.ts +1 -1
- package/dist/server/worker/context.d.ts +3 -0
- package/dist/server/worker/context.js +15 -0
- package/dist/server/worker/context.js.map +1 -0
- package/dist/server/worker/match-image.d.ts +8 -12
- package/dist/server/worker/match-image.js +11 -178
- package/dist/server/worker/match-image.js.map +1 -1
- package/dist/server/worker/start.d.ts +2 -2
- package/dist/server/worker/start.js +41 -64
- package/dist/server/worker/start.js.map +1 -1
- package/dist/shared/index.d.ts +1 -1
- package/dist/shared/index.js +9 -7
- package/dist/shared/index.js.map +1 -1
- package/dist/types.d.ts +84 -43
- package/dist/types.js +65 -1
- package/dist/types.js.map +1 -1
- package/docs/cli.md +80 -0
- package/docs/config.md +179 -165
- package/docs/examples/playwright-reporer/playwright.config.ts +37 -0
- package/docs/migration-0.9-to-0.10.md +144 -0
- package/docs/playwright-reporter.md +357 -0
- package/docs/storybook.md +60 -0
- package/docs/tests.md +50 -45
- package/package.json +78 -83
- package/playwright.config.mts +46 -0
- package/src/client/addon/components/Addon.tsx +1 -1
- package/src/client/addon/components/Panel.tsx +4 -4
- package/src/client/addon/components/TestSelect.tsx +2 -2
- package/src/client/addon/components/Tools.tsx +2 -2
- package/src/client/addon/controller.ts +4 -4
- package/src/client/addon/makeDecorator.ts +69 -0
- package/src/client/addon/manager.ts +38 -37
- package/src/client/addon/preset.ts +2 -1
- package/src/client/addon/withCreevey.ts +16 -19
- package/src/client/shared/components/ImagesView/BlendView.tsx +1 -1
- package/src/client/shared/components/ImagesView/ImagesView.tsx +1 -1
- package/src/client/shared/components/ImagesView/SideBySideView.tsx +2 -2
- package/src/client/shared/components/ImagesView/SlideView.tsx +2 -2
- package/src/client/shared/components/ImagesView/SwapView.tsx +20 -2
- package/src/client/shared/components/ImagesView/common.ts +1 -1
- package/src/client/shared/components/PageFooter/PageFooter.tsx +1 -1
- package/src/client/shared/components/PageFooter/Paging.tsx +1 -1
- package/src/client/shared/components/PageHeader/ImagePreview.tsx +2 -1
- package/src/client/shared/components/PageHeader/PageHeader.tsx +23 -7
- package/src/client/shared/components/ResultsPage.tsx +33 -10
- package/src/client/shared/creeveyClientApi.ts +19 -1
- package/src/client/shared/helpers.ts +4 -24
- package/src/client/web/CreeveyApp.tsx +30 -9
- package/src/client/web/CreeveyContext.tsx +11 -0
- package/src/client/web/CreeveyLoader.tsx +2 -2
- package/src/client/web/CreeveyView/SideBar/Checkbox.tsx +3 -3
- package/src/client/web/CreeveyView/SideBar/Search.tsx +4 -4
- package/src/client/web/CreeveyView/SideBar/SideBar.tsx +11 -6
- package/src/client/web/CreeveyView/SideBar/SideBarFooter.tsx +48 -15
- package/src/client/web/CreeveyView/SideBar/SideBarHeader.tsx +20 -5
- package/src/client/web/CreeveyView/SideBar/SuiteLink.tsx +12 -12
- package/src/client/web/CreeveyView/SideBar/TestLink.tsx +10 -10
- package/src/client/web/CreeveyView/SideBar/TestStatusIcon.tsx +2 -2
- package/src/client/web/CreeveyView/SideBar/TestsStatus.tsx +3 -2
- package/src/client/web/CreeveyView/SideBar/Toggle.tsx +1 -1
- package/src/client/web/KeyboardEventsContext.tsx +61 -73
- package/src/client/web/index.tsx +10 -5
- package/src/client/web/themes.ts +24 -0
- package/src/creevey.ts +92 -38
- package/src/playwright/generator.ts +322 -0
- package/src/playwright/helpers.ts +31 -0
- package/src/playwright/reporter.ts +381 -0
- package/src/playwright/setup.ts +84 -0
- package/src/playwright.ts +1 -0
- package/src/server/compare.ts +260 -0
- package/src/server/config.ts +52 -9
- package/src/server/connection.ts +26 -0
- package/src/server/docker.ts +62 -34
- package/src/server/index.ts +166 -79
- package/src/server/master/api.ts +94 -28
- package/src/server/master/handlers/capture-handler.ts +20 -0
- package/src/server/master/handlers/index.ts +4 -0
- package/src/server/master/handlers/ping-handler.ts +6 -0
- package/src/server/master/handlers/static-handler.ts +16 -0
- package/src/server/master/handlers/stories-handler.ts +20 -0
- package/src/server/master/master.ts +10 -27
- package/src/server/master/pool.ts +7 -3
- package/src/server/master/queue.ts +21 -7
- package/src/server/master/runner.ts +123 -134
- package/src/server/master/server.ts +214 -101
- package/src/server/master/start.ts +19 -41
- package/src/server/master/testsManager.ts +316 -0
- package/src/server/playwright/docker-file.ts +20 -8
- package/src/server/playwright/docker.ts +16 -3
- package/src/server/playwright/index-source.mjs +16 -0
- package/src/server/playwright/internal.ts +176 -103
- package/src/server/playwright/webdriver.ts +4 -10
- package/src/server/providers/browser.ts +4 -3
- package/src/server/providers/hybrid.ts +2 -3
- package/src/server/report.ts +51 -0
- package/src/server/reporters/creevey.ts +71 -0
- package/src/server/reporters/index.ts +11 -0
- package/src/server/reporters/junit.ts +207 -0
- package/src/server/reporters/teamcity.ts +74 -0
- package/src/server/selenium/internal.ts +70 -53
- package/src/server/selenium/selenoid.ts +13 -6
- package/src/server/selenium/webdriver.ts +8 -12
- package/src/server/shutdown.ts +19 -0
- package/src/server/stories.ts +1 -12
- package/src/server/telemetry.ts +3 -3
- package/src/server/testsFiles/parser.ts +52 -4
- package/src/server/utils.ts +124 -16
- package/src/server/webdriver.ts +1 -1
- package/src/server/worker/context.ts +14 -0
- package/src/server/worker/match-image.ts +16 -248
- package/src/server/worker/start.ts +49 -79
- package/src/shared/index.ts +10 -8
- package/src/types.ts +91 -58
- package/types/global.d.ts +1 -0
- package/dist/client/web/assets/index-DB8lHlJw.js +0 -591
- package/dist/server/reporter.d.ts +0 -26
- package/dist/server/reporter.js +0 -108
- package/dist/server/reporter.js.map +0 -1
- package/dist/server/update.d.ts +0 -2
- package/dist/server/update.js +0 -53
- package/dist/server/update.js.map +0 -1
- package/src/server/reporter.ts +0 -139
- package/src/server/update.ts +0 -74
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SlideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SlideView.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SlideView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SlideView.tsx"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { ViewPropsWithTheme } from './common.js';
|
3
|
-
export declare const SwapView: React.
|
4
|
-
theme?: import("
|
3
|
+
export declare const SwapView: React.ForwardRefExoticComponent<Pick<ViewPropsWithTheme, "actual" | "expect" | "diff"> & {
|
4
|
+
theme?: import("storybook/internal/theming", { with: { "resolution-mode": "import" } }).Theme;
|
5
5
|
}>;
|
@@ -15,18 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
15
15
|
}) : function(o, v) {
|
16
16
|
o["default"] = v;
|
17
17
|
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
};
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
26
36
|
exports.SwapView = void 0;
|
27
37
|
const react_1 = __importStar(require("react"));
|
28
|
-
const components_1 = require("
|
29
|
-
const theming_1 = require("
|
38
|
+
const components_1 = require("storybook/internal/components");
|
39
|
+
const theming_1 = require("storybook/theming");
|
30
40
|
const common_js_1 = require("./common.js");
|
31
41
|
const helpers_js_1 = require("../../helpers.js");
|
32
42
|
const readyForCapture_js_1 = require("../../../addon/readyForCapture.js");
|
@@ -60,6 +70,18 @@ exports.SwapView = (0, theming_1.withTheme)(({ theme, expect, actual, diff }) =>
|
|
60
70
|
const handleChangeView = (0, react_1.useCallback)(() => {
|
61
71
|
setImage((prevImage) => (prevImage == 'actual' ? 'expect' : 'actual'));
|
62
72
|
}, []);
|
73
|
+
const handleKeyDown = (0, react_1.useCallback)((e) => {
|
74
|
+
if (e.code === 'Space' && e.altKey) {
|
75
|
+
e.preventDefault();
|
76
|
+
handleChangeView();
|
77
|
+
}
|
78
|
+
}, [handleChangeView]);
|
79
|
+
(0, react_1.useEffect)(() => {
|
80
|
+
document.addEventListener('keydown', handleKeyDown, false);
|
81
|
+
return () => {
|
82
|
+
document.removeEventListener('keydown', handleKeyDown, false);
|
83
|
+
};
|
84
|
+
}, [handleKeyDown]);
|
63
85
|
(0, react_1.useEffect)(() => {
|
64
86
|
if (loaded)
|
65
87
|
(0, readyForCapture_js_1.readyForCapture)();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SwapView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SwapView.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SwapView.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/ImagesView/SwapView.tsx"],"names":[],"mappings":"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"}
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
6
|
exports.PageFooter = PageFooter;
|
7
7
|
const react_1 = __importDefault(require("react"));
|
8
|
-
const theming_1 = require("
|
8
|
+
const theming_1 = require("storybook/theming");
|
9
9
|
const Paging_js_1 = require("./Paging.js");
|
10
10
|
const Container = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
11
11
|
display: 'flex',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PageFooter.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageFooter/PageFooter.tsx"],"names":[],"mappings":";;;;;AAmBA,gCAMC;AAzBD,kDAAmC;AACnC
|
1
|
+
{"version":3,"file":"PageFooter.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageFooter/PageFooter.tsx"],"names":[],"mappings":";;;;;AAmBA,gCAMC;AAzBD,kDAAmC;AACnC,+CAAsD;AACtD,2CAAqC;AAQrC,MAAM,SAAS,GAAG,IAAA,mBAAS,EACzB,gBAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,gBAAgB;IACzB,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO;CACrC,CAAC,CAAC,CACJ,CAAC;AAEF,SAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAmB;IAChF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,kBAAM,IAAC,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,GAAI,CAC/E,CACb,CAAC;AACJ,CAAC"}
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
6
|
exports.Paging = Paging;
|
7
7
|
const react_1 = __importDefault(require("react"));
|
8
|
-
const components_1 = require("
|
8
|
+
const components_1 = require("storybook/internal/components");
|
9
9
|
function Paging(props) {
|
10
10
|
const renderItem = (item, index) => {
|
11
11
|
switch (item) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Paging.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageFooter/Paging.tsx"],"names":[],"mappings":";;;;;AASA,wBAgDC;AAzDD,kDAAmC;AACnC,
|
1
|
+
{"version":3,"file":"Paging.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageFooter/Paging.tsx"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { Theme } from '
|
2
|
+
import { Theme } from 'storybook/theming';
|
3
3
|
interface ImageSwapProps {
|
4
4
|
url: string;
|
5
5
|
isActive: boolean;
|
@@ -8,7 +8,7 @@ interface ImageSwapProps {
|
|
8
8
|
theme: Theme;
|
9
9
|
error?: boolean;
|
10
10
|
}
|
11
|
-
export declare const ImagePreview: React.
|
11
|
+
export declare const ImagePreview: React.ForwardRefExoticComponent<Pick<ImageSwapProps, "error" | "imageName" | "url" | "onClick" | "isActive"> & {
|
12
12
|
theme?: Theme;
|
13
13
|
}>;
|
14
14
|
export {};
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
6
|
exports.ImagePreview = void 0;
|
7
7
|
const react_1 = __importDefault(require("react"));
|
8
|
-
const theming_1 = require("
|
8
|
+
const theming_1 = require("storybook/theming");
|
9
9
|
const IMG_SIZE = 64;
|
10
10
|
const DIAG_LENGTH = (2 * (IMG_SIZE - 8) ** 2) ** (1 / 2);
|
11
11
|
const Button = theming_1.styled.button(({ borderColor }) => ({
|
@@ -55,6 +55,7 @@ exports.ImagePreview = (0, theming_1.withTheme)(({ isActive, onClick, imageName,
|
|
55
55
|
const handleClick = () => {
|
56
56
|
onClick(imageName);
|
57
57
|
};
|
58
|
+
// TODO Add image name as a title
|
58
59
|
return (react_1.default.createElement(Button, { onClick: handleClick, borderColor: isActive ? theme.barSelectedColor : error ? theme.color.negative : undefined },
|
59
60
|
react_1.default.createElement(Image, { hasBorder: isActive || error, src: url, alt: imageName, backgroundColor: theme.background.content })));
|
60
61
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageHeader/ImagePreview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAmC;AACnC
|
1
|
+
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageHeader/ImagePreview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAmC;AACnC,+CAA6D;AAE7D,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAWzD,MAAM,MAAM,GAAG,gBAAM,CAAC,MAAM,CAA2B,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,uBAAuB;IAC/B,WAAW,EAAE,WAAW,IAAI,aAAa;IAEzC,iBAAiB,EAAE;QACjB,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,KAAK,GAAG,IAAA,mBAAS,EACrB,gBAAM,CAAC,GAAG,CACR,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,SAAS,EAAE,GAAG,QAAQ,IAAI;IAC1B,KAAK,EAAE,GAAG,QAAQ,IAAI;IACtB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS;IAEpD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,IAAI;QAC3B,KAAK,EAAE,GAAG,QAAQ,GAAG,CAAC,IAAI;QAC1B,MAAM,EAAE,KAAK;QACb,eAAe,EAAE,eAAe;QAChC,eAAe,EAAE;;yBAEA,WAAW,GAAG,CAAC,GAAG,GAAG;QACtC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC,GAAG,GAAG;QAC3C,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC,GAAG,GAAG;yBAC1B,WAAW,GAAG,CAAC,GAAG,GAAG;;;;yBAIrB,WAAW,GAAG,CAAC,GAAG,GAAG;QACtC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC,GAAG,GAAG;QAC3C,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC,GAAG,GAAG;yBAC1B,WAAW,GAAG,CAAC,GAAG,GAAG;MACxC;KACC;CACF,CAAC,CACH,CACF,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,mBAAS,EACnC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,EAAe,EAAE;IACnF,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,iCAAiC;IACjC,OAAO,CACL,8BAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAEzF,8BAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,GAAI,CACrG,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
@@ -15,29 +15,40 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
15
15
|
}) : function(o, v) {
|
16
16
|
o["default"] = v;
|
17
17
|
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
};
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
26
36
|
exports.PageHeader = PageHeader;
|
27
37
|
const react_1 = __importStar(require("react"));
|
28
|
-
const components_1 = require("
|
38
|
+
const components_1 = require("storybook/internal/components");
|
29
39
|
const icons_1 = require("@storybook/icons");
|
30
|
-
const theming_1 = require("
|
40
|
+
const theming_1 = require("storybook/theming");
|
31
41
|
const helpers_js_1 = require("../../helpers.js");
|
32
42
|
const ImagePreview_js_1 = require("./ImagePreview.js");
|
33
43
|
const viewMode_js_1 = require("../../viewMode.js");
|
44
|
+
const CreeveyContext_js_1 = require("../../../web/CreeveyContext.js");
|
34
45
|
const Container = theming_1.styled.div({
|
35
|
-
|
46
|
+
marginTop: '24px',
|
36
47
|
});
|
37
48
|
const ErrorContainer = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
38
49
|
marginTop: '8px',
|
39
50
|
padding: '8px',
|
40
|
-
background: theme.background.negative
|
51
|
+
background: `${theme.background.negative}20`,
|
41
52
|
color: theme.color.negative,
|
42
53
|
borderRadius: '2px',
|
43
54
|
display: 'flex',
|
@@ -53,8 +64,16 @@ const ErrorContainer = (0, theming_1.withTheme)(theming_1.styled.div(({ theme })
|
|
53
64
|
lineHeight: '22px',
|
54
65
|
},
|
55
66
|
})));
|
67
|
+
const UpdateModeBanner = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
68
|
+
padding: '8px 32px',
|
69
|
+
backgroundColor: `${theme.color.positive}20`,
|
70
|
+
color: theme.color.positive,
|
71
|
+
fontSize: '12px',
|
72
|
+
textAlign: 'center',
|
73
|
+
fontWeight: 'bold',
|
74
|
+
})));
|
56
75
|
const H1 = theming_1.styled.h1({
|
57
|
-
|
76
|
+
marginLeft: '44px',
|
58
77
|
marginBottom: '8px',
|
59
78
|
});
|
60
79
|
const HeaderDivider = (0, theming_1.withTheme)(theming_1.styled.span(({ theme }) => ({
|
@@ -67,6 +86,7 @@ const ImagesEntriesContainer = theming_1.styled.div({
|
|
67
86
|
});
|
68
87
|
// TODO Move images to sidebar
|
69
88
|
function PageHeader({ title, imageName, images = {}, errorMessage, showViewModes, viewMode, imagesWithError = [], onImageChange, onViewModeChange, }) {
|
89
|
+
const { isReport, isUpdateMode } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
|
70
90
|
const imageEntires = Object.entries(images);
|
71
91
|
const handleViewModeChange = (mode) => {
|
72
92
|
onViewModeChange(mode);
|
@@ -88,7 +108,8 @@ function PageHeader({ title, imageName, images = {}, errorMessage, showViewModes
|
|
88
108
|
error && (react_1.default.createElement(ErrorContainer, null,
|
89
109
|
react_1.default.createElement(icons_1.CloseAltIcon, null),
|
90
110
|
react_1.default.createElement("pre", null, error))),
|
91
|
-
imageEntires.length > 1 ? (react_1.default.createElement(ImagesEntriesContainer, null, imageEntires.map(([name, image]) => (react_1.default.createElement(ImagePreview_js_1.ImagePreview, { key: name, imageName: name, url: `${(0, helpers_js_1.getImageUrl)(title, name)}/${image.actual}`, isActive: name === imageName, onClick: onImageChange, error: imagesWithError.includes(name) }))))) : null,
|
111
|
+
imageEntires.length > 1 ? (react_1.default.createElement(ImagesEntriesContainer, null, imageEntires.map(([name, image]) => (react_1.default.createElement(ImagePreview_js_1.ImagePreview, { key: name, imageName: name, url: `${(0, helpers_js_1.getImageUrl)(title, name, isReport)}/${image.actual}`, isActive: name === imageName, onClick: onImageChange, error: imagesWithError.includes(name) }))))) : null,
|
112
|
+
isUpdateMode && (react_1.default.createElement(UpdateModeBanner, null, "Update Mode: Review and approve screenshots from previous test runs")),
|
92
113
|
showViewModes && (react_1.default.createElement(components_1.Tabs, { selected: viewMode, actions: { onSelect: handleViewModeChange } }, viewMode_js_1.viewModes.map((x) => (react_1.default.createElement("div", { key: x, id: x, title: x })))))));
|
93
114
|
}
|
94
115
|
//# sourceMappingURL=PageHeader.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../../src/client/shared/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { JSX } from 'react';
|
2
|
-
import { Theme } from '
|
2
|
+
import { Theme } from 'storybook/theming';
|
3
3
|
import { TestResult } from '../../../types.js';
|
4
4
|
interface ResultsPageProps {
|
5
5
|
path: string[];
|
@@ -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.
|
17
|
+
export declare const ResultsPage: React.ForwardRefExoticComponent<Pick<ResultsPageProps, "approved" | "imageName" | "results" | "path" | "height" | "retry" | "onImageChange" | "onRetryChange" | "showTitle"> & {
|
18
18
|
theme?: Theme;
|
19
19
|
}>;
|
20
20
|
export {};
|
@@ -15,24 +15,35 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
15
15
|
}) : function(o, v) {
|
16
16
|
o["default"] = v;
|
17
17
|
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
};
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
26
36
|
exports.ResultsPage = void 0;
|
27
37
|
exports.ResultsPageInternal = ResultsPageInternal;
|
28
38
|
const react_1 = __importStar(require("react"));
|
29
|
-
const components_1 = require("
|
30
|
-
const theming_1 = require("
|
39
|
+
const components_1 = require("storybook/internal/components");
|
40
|
+
const theming_1 = require("storybook/theming");
|
31
41
|
const ImagesView_js_1 = require("./ImagesView/ImagesView.js");
|
32
42
|
const PageHeader_js_1 = require("./PageHeader/PageHeader.js");
|
33
43
|
const PageFooter_js_1 = require("./PageFooter/PageFooter.js");
|
34
44
|
const helpers_js_1 = require("../helpers.js");
|
35
45
|
const viewMode_js_1 = require("../viewMode.js");
|
46
|
+
const CreeveyContext_js_1 = require("../../web/CreeveyContext.js");
|
36
47
|
const Wrapper = theming_1.styled.div({
|
37
48
|
width: '100%',
|
38
49
|
height: '100%',
|
@@ -61,21 +72,40 @@ const Container = theming_1.styled.div(({ height = '100vh' }) => ({
|
|
61
72
|
}));
|
62
73
|
function ResultsPageInternal({ path, results = [], approved, theme, height, retry, imageName, onImageChange, onRetryChange, }) {
|
63
74
|
const result = results[retry - 1] ?? {};
|
75
|
+
const { isReport } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
|
64
76
|
const [viewMode, setViewMode] = (0, react_1.useState)((0, viewMode_js_1.getViewMode)());
|
65
|
-
const url = (0, helpers_js_1.getImageUrl)(path, imageName);
|
77
|
+
const url = (0, helpers_js_1.getImageUrl)(path, imageName, isReport);
|
66
78
|
const image = result.images?.[imageName];
|
67
79
|
const canApprove = Boolean(image && approved?.[imageName] != retry - 1 && result.status != 'success');
|
68
80
|
const hasDiffAndExpect = canApprove && Boolean(image?.diff && image.expect);
|
69
81
|
const imagesWithError = result.images
|
70
82
|
? Object.keys(result.images).filter((imageName) => result.status != 'success' && approved?.[imageName] != retry - 1 && result.images?.[imageName]?.error != null)
|
71
83
|
: [];
|
72
|
-
const
|
73
|
-
|
74
|
-
|
75
|
-
|
84
|
+
const handleKeyDown = (0, react_1.useCallback)((e) => {
|
85
|
+
if (!canApprove)
|
86
|
+
return;
|
87
|
+
if (e.code === 'Tab') {
|
88
|
+
e.preventDefault();
|
89
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
90
|
+
if (e.shiftKey)
|
91
|
+
setViewMode((mode) => viewMode_js_1.viewModes.at((viewMode_js_1.viewModes.indexOf(mode) - 1) % viewMode_js_1.viewModes.length));
|
92
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
93
|
+
else
|
94
|
+
setViewMode((mode) => viewMode_js_1.viewModes.at((viewMode_js_1.viewModes.indexOf(mode) + 1) % viewMode_js_1.viewModes.length));
|
95
|
+
}
|
96
|
+
}, [canApprove]);
|
97
|
+
(0, react_1.useEffect)(() => {
|
98
|
+
localStorage.setItem(viewMode_js_1.VIEW_MODE_KEY, viewMode);
|
99
|
+
}, [viewMode]);
|
100
|
+
(0, react_1.useEffect)(() => {
|
101
|
+
document.addEventListener('keydown', handleKeyDown, false);
|
102
|
+
return () => {
|
103
|
+
document.removeEventListener('keydown', handleKeyDown, false);
|
104
|
+
};
|
105
|
+
}, [handleKeyDown]);
|
76
106
|
return (react_1.default.createElement(Container, { height: height },
|
77
107
|
react_1.default.createElement(HeaderContainer, null,
|
78
|
-
react_1.default.createElement(PageHeader_js_1.PageHeader, { title: path, imageName: imageName, images: result.images, errorMessage: result.error, showViewModes: hasDiffAndExpect, viewMode: viewMode, onViewModeChange:
|
108
|
+
react_1.default.createElement(PageHeader_js_1.PageHeader, { title: path, imageName: imageName, images: result.images, errorMessage: result.error, showViewModes: hasDiffAndExpect, viewMode: viewMode, onViewModeChange: setViewMode, onImageChange: onImageChange, imagesWithError: imagesWithError })),
|
79
109
|
react_1.default.createElement(BodyContainer, null,
|
80
110
|
react_1.default.createElement(components_1.ScrollArea, { vertical: true },
|
81
111
|
react_1.default.createElement(Wrapper, null,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/client/shared/components/ResultsPage.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/client/shared/components/ResultsPage.tsx"],"names":[],"mappings":"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"}
|
@@ -5,19 +5,32 @@ const types_js_1 = require("../../types.js");
|
|
5
5
|
const helpers_js_1 = require("./helpers.js");
|
6
6
|
async function initCreeveyClientApi() {
|
7
7
|
let clientApiResolver = types_js_1.noop;
|
8
|
+
let clientApiRejecter = types_js_1.noop;
|
8
9
|
const updateListeners = new Set();
|
9
10
|
let statusRequest = null;
|
10
11
|
let statusResolver = types_js_1.noop;
|
12
|
+
let isUpdateMode = false;
|
11
13
|
const ws = new WebSocket(`ws://${(0, helpers_js_1.getConnectionUrl)()}`);
|
12
14
|
function send(request) {
|
13
15
|
ws.send(JSON.stringify(request));
|
14
16
|
}
|
17
|
+
ws.addEventListener('error', (event) => {
|
18
|
+
clientApiRejecter(event);
|
19
|
+
});
|
15
20
|
ws.addEventListener('open', () => {
|
16
21
|
clientApiResolver({
|
17
22
|
start(ids) {
|
23
|
+
if (isUpdateMode) {
|
24
|
+
console.warn('Tests cannot be started in Update Mode. This mode is for approving screenshots only.');
|
25
|
+
return;
|
26
|
+
}
|
18
27
|
send({ type: 'start', payload: ids });
|
19
28
|
},
|
20
29
|
stop() {
|
30
|
+
if (isUpdateMode) {
|
31
|
+
console.warn('Tests cannot be stopped in Update Mode. This mode is for approving screenshots only.');
|
32
|
+
return;
|
33
|
+
}
|
21
34
|
send({ type: 'stop' });
|
22
35
|
},
|
23
36
|
approve(id, retry, image) {
|
@@ -45,12 +58,16 @@ async function initCreeveyClientApi() {
|
|
45
58
|
fn(data.payload);
|
46
59
|
});
|
47
60
|
if (data.type == 'status') {
|
61
|
+
isUpdateMode = data.payload.isUpdateMode;
|
48
62
|
statusResolver(data.payload);
|
49
63
|
statusResolver = types_js_1.noop;
|
50
64
|
statusRequest = null;
|
51
65
|
}
|
52
66
|
});
|
53
67
|
// TODO Reconnect
|
54
|
-
return new Promise((resolve) =>
|
68
|
+
return new Promise((resolve, reject) => {
|
69
|
+
clientApiResolver = resolve;
|
70
|
+
clientApiRejecter = reject;
|
71
|
+
});
|
55
72
|
}
|
56
73
|
//# sourceMappingURL=creeveyClientApi.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"creeveyClientApi.js","sourceRoot":"","sources":["../../../src/client/shared/creeveyClientApi.ts"],"names":[],"mappings":";;AAYA,
|
1
|
+
{"version":3,"file":"creeveyClientApi.js","sourceRoot":"","sources":["../../../src/client/shared/creeveyClientApi.ts"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,3 @@
|
|
1
|
-
import { ThemeVars } from '@storybook/theming';
|
2
1
|
import { RefObject } from 'react';
|
3
2
|
import { TestData, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types.js';
|
4
3
|
export interface CreeveyViewFilter {
|
@@ -30,7 +29,7 @@ export declare function flattenSuite(suite: CreeveySuite): {
|
|
30
29
|
}[];
|
31
30
|
export declare function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus;
|
32
31
|
export declare function getConnectionUrl(): string;
|
33
|
-
export declare function getImageUrl(path: string[], imageName: string): string;
|
32
|
+
export declare function getImageUrl(path: string[], imageName: string, isReport?: boolean): string;
|
34
33
|
export declare function getBorderSize(element: HTMLElement): number;
|
35
34
|
export declare function useLoadImages(s1: string, s2: string, s3: string): boolean;
|
36
35
|
/**
|
@@ -41,7 +40,6 @@ export declare function useLoadImages(s1: string, s2: string, s3: string): boole
|
|
41
40
|
export declare function useResizeObserver<T extends Element>(elementRef: RefObject<T>, onResize: () => void, debounceTimeout?: number): void;
|
42
41
|
export declare function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void;
|
43
42
|
export declare function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number;
|
44
|
-
export declare function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void];
|
45
43
|
export declare function setSearchParams(testPath: string[]): void;
|
46
44
|
export declare function getTestPathFromSearch(): string[];
|
47
45
|
export declare function useForceUpdate(): () => void;
|
@@ -22,11 +22,9 @@ exports.useLoadImages = useLoadImages;
|
|
22
22
|
exports.useResizeObserver = useResizeObserver;
|
23
23
|
exports.useApplyScale = useApplyScale;
|
24
24
|
exports.useCalcScale = useCalcScale;
|
25
|
-
exports.useTheme = useTheme;
|
26
25
|
exports.setSearchParams = setSearchParams;
|
27
26
|
exports.getTestPathFromSearch = getTestPathFromSearch;
|
28
27
|
exports.useForceUpdate = useForceUpdate;
|
29
|
-
const theming_1 = require("@storybook/theming");
|
30
28
|
const qs_1 = require("qs");
|
31
29
|
const react_1 = require("react");
|
32
30
|
const types_js_1 = require("../../types.js");
|
@@ -293,11 +291,13 @@ function getConnectionUrl() {
|
|
293
291
|
.filter(Boolean)
|
294
292
|
.join(':');
|
295
293
|
}
|
296
|
-
function getImageUrl(path, imageName) {
|
294
|
+
function getImageUrl(path, imageName, isReport) {
|
297
295
|
// path => [title, story, test, browser]
|
298
296
|
const browser = path.slice(-1)[0];
|
299
297
|
const imagesUrl = window.location.host
|
300
|
-
? `${window.location.protocol}//${getConnectionUrl()}${window.location.pathname == '/'
|
298
|
+
? `${window.location.protocol}//${getConnectionUrl()}${window.location.pathname == '/' && !isReport
|
299
|
+
? '/report'
|
300
|
+
: window.location.pathname.split('/').slice(0, -1).join('/')}/${encodeURI(path.slice(0, -1).join('/'))}`
|
301
301
|
: encodeURI(path.slice(0, -1).join('/'));
|
302
302
|
return imageName == browser ? imagesUrl : `${imagesUrl}/${encodeURI(browser)}`;
|
303
303
|
}
|
@@ -361,21 +361,6 @@ function useCalcScale(diffImageRef, loaded) {
|
|
361
361
|
(0, react_1.useLayoutEffect)(calcScale, [calcScale]);
|
362
362
|
return scale;
|
363
363
|
}
|
364
|
-
const CREEVEY_THEME = 'Creevey_theme';
|
365
|
-
function isTheme(theme) {
|
366
|
-
return (0, types_js_1.isDefined)(theme) && Object.prototype.hasOwnProperty.call(theming_1.themes, theme);
|
367
|
-
}
|
368
|
-
function initialTheme() {
|
369
|
-
const theme = localStorage.getItem(CREEVEY_THEME);
|
370
|
-
return isTheme(theme) ? theme : 'light';
|
371
|
-
}
|
372
|
-
function useTheme() {
|
373
|
-
const [theme, setTheme] = (0, react_1.useState)(initialTheme());
|
374
|
-
(0, react_1.useEffect)(() => {
|
375
|
-
localStorage.setItem(CREEVEY_THEME, theme);
|
376
|
-
}, [theme]);
|
377
|
-
return [theme, setTheme];
|
378
|
-
}
|
379
364
|
function setSearchParams(testPath) {
|
380
365
|
const pageUrl = `?${(0, qs_1.stringify)({ testPath })}`;
|
381
366
|
window.history.pushState({ testPath }, '', pageUrl);
|