creevey 0.9.0-beta.20 → 0.9.0-beta.22

package/README.md

@@ -76,7 +76,7 @@ And that's it.
 
 **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 may approve them all in one command `yarn creevey --update`.
 
-**NOTE:** Creevey captures screenshot of the `#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.
+**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.
 
 ```tsx
 // stories/MyModal.stories.tsx
@@ -142,7 +142,7 @@ This cause to flaky screenshots. Possible solutions:
 
 Because tests defined in story parameters and `selenium-webdriver` depends on nodejs builtin packages. Storybook may fail to build browser bundle. To avoid import use these workarounds:
 
-- `.findElement(By.css('#root'))` -> `.findElement({ css: '#root' })`
+- `.findElement(By.css('#storybook-root'))` -> `.findElement({ css: '#storybook-root' })`
 - `.sendKeys(Keys.ENTER)` -> `.sendKeys(this.keys.ENTER)`
 
 ## Used by

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import './creevey.js';

package/dist/cli.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./creevey.js");
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;AAEA,wBAAsB"}

package/dist/client/addon/components/Addon.d.ts

@@ -0,0 +1,8 @@
+import { CreeveyController } from '../controller.js';
+interface AddonProps {
+    active?: boolean;
+    browser: string;
+    controller: CreeveyController;
+}
+export declare const Addon: ({ active, browser, controller }: AddonProps) => JSX.Element | null;
+export {};

package/dist/client/addon/components/Addon.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Addon = void 0;
+const react_1 = __importStar(require("react"));
+const components_1 = require("@storybook/components");
+const Panel_js_1 = require("./Panel.js");
+const Addon = ({ active, browser, controller }) => {
+    const [tests, setTests] = (0, react_1.useState)([]);
+    const [selectedTestId, setSelectedTestId] = (0, react_1.useState)(controller.selectedTestId);
+    (0, react_1.useEffect)(() => {
+        if (active) {
+            controller.setActiveBrowser(browser);
+            const browserTests = controller.getTestsByStoryIdAndBrowser(controller.activeBrowser);
+            setTests(browserTests);
+        }
+    }, [active, browser, controller]);
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = controller.onChangeTest((testId) => {
+            setSelectedTestId(testId);
+            const status = controller.getTestsByStoryIdAndBrowser(controller.activeBrowser);
+            setTests(status);
+        });
+        return unsubscribe;
+    }, [controller]);
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = controller.onUpdateStatus(() => {
+            setTests(controller.getTestsByStoryIdAndBrowser(controller.activeBrowser));
+        });
+        return unsubscribe;
+    }, [controller, browser]);
+    return active ? (tests.length ? (react_1.default.createElement(Panel_js_1.Panel, { tests: tests, selectedTestId: selectedTestId, onChangeTest: controller.setSelectedTestId, onImageApprove: controller.onImageApprove })) : (react_1.default.createElement(components_1.Placeholder, null, "No test results"))) : null;
+};
+exports.Addon = Addon;
+//# sourceMappingURL=Addon.js.map

package/dist/client/addon/components/Addon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Addon.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Addon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,sDAAoD;AAEpD,yCAAmC;AAQ5B,MAAM,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAc,EAAsB,EAAE;IACvF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAC;IAEnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEhF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACrC,MAAM,YAAY,GAAG,UAAU,CAAC,2BAA2B,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YACtF,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE;YACrD,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC1B,MAAM,MAAM,GAAG,UAAU,CAAC,2BAA2B,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAChF,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,EAAE;YACjD,QAAQ,CAAC,UAAU,CAAC,2BAA2B,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;QAC7E,CAAC,CAAC,CAAC;QACH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,8BAAC,gBAAK,IACJ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,UAAU,CAAC,iBAAiB,EAC1C,cAAc,EAAE,UAAU,CAAC,cAAc,GACzC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAW,0BAA8B,CAC3C,CACF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB"}

package/{lib/types → dist}/client/addon/components/Icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IconProps {
     width?: number;
     height?: number;

package/dist/client/addon/components/Icons.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForwardIcon = exports.NextIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const NextIcon = ({ width, height }) => {
+    return (react_1.default.createElement("svg", { version: "1.1", width: width, height: height, viewBox: "0 0 306 306" },
+        react_1.default.createElement("path", { d: "M0,306l216.75-153L0,0V306z M255,0v306h51V0H255z", fill: "currentColor" })));
+};
+exports.NextIcon = NextIcon;
+const ForwardIcon = ({ width, height }) => {
+    return (react_1.default.createElement("svg", { version: "1.1", width: width, height: height, viewBox: "0 0 512 512" },
+        react_1.default.createElement("path", { fill: "currentColor", d: "M460.9,246.8l-209-164.2c-7.8-6.1-19.2-0.6-19.2,9.2v328.4c0,9.8,11.4,15.3,19.2,9.2l209-164.2c5.1-4,6-11.4,2-16.5\n\t\tC462.4,248,461.7,247.3,460.9,246.8L460.9,246.8z M228.2,246.8L19.2,82.5C11.4,76.4,0,82,0,91.8v328.4c0,9.8,11.4,15.3,19.2,9.2\n\t\tl209-164.2c3-2.3,4.5-5.8,4.5-9.2C232.7,252.6,231.2,249.1,228.2,246.8z M507.3,64h-37.2c-2.5,0-4.7,2-4.7,4.4v375.3\n\t\tc0,2.4,2.1,4.4,4.7,4.4h37.2c2.5,0,4.7-2,4.7-4.4V68.4C512,66,509.9,64,507.3,64z" })));
+};
+exports.ForwardIcon = ForwardIcon;
+//# sourceMappingURL=Icons.js.map

package/dist/client/addon/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Icons.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAOnB,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAa,EAAe,EAAE;IACpE,OAAO,CACL,uCAAK,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,aAAa;QACpE,wCAAM,CAAC,EAAC,iDAAiD,EAAC,IAAI,EAAC,cAAc,GAAG,CAC5E,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEK,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAa,EAAe,EAAE;IACvE,OAAO,CACL,uCAAK,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,aAAa;QACpE,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,4bAGuE,GACzE,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}

package/{lib/types → dist}/client/addon/components/Panel.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { TestData } from '../../../types';
+import { TestData } from '../../../types.js';
 interface PanelProps {
     tests: TestData[];
     selectedTestId: string;

package/dist/client/addon/components/Panel.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panel = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const ResultsPage_js_1 = require("../../shared/components/ResultsPage.js");
+const helpers_js_1 = require("../../shared/helpers.js");
+const TestSelect_js_1 = __importDefault(require("./TestSelect.js"));
+const Wrapper = theming_1.styled.div(({ isRunning }) => ({
+    opacity: isRunning ? 0.5 : 1,
+    height: '100%',
+}));
+const TestSelectContainer = theming_1.styled.div(({ theme }) => ({
+    padding: '8px',
+    border: `1px solid ${theme.appBorderColor}`,
+}));
+const Panel = ({ tests, selectedTestId, onChangeTest, onImageApprove }) => {
+    const result = tests.find((x) => x.id === selectedTestId);
+    const isRunning = result?.status === 'running';
+    return (react_1.default.createElement("div", null,
+        tests.length > 1 && (react_1.default.createElement(TestSelectContainer, null,
+            react_1.default.createElement(TestSelect_js_1.default, { tests: tests, selectedTestId: selectedTestId, onChangeTest: onChangeTest }))),
+        isRunning && react_1.default.createElement(components_1.Loader, null),
+        result?.results?.length ? (react_1.default.createElement(Wrapper, { isRunning: isRunning },
+            react_1.default.createElement(ResultsPage_js_1.ResultsPage, { height: '100%', key: `${result.id}_${result.results.length}`, id: result.id, path: (0, helpers_js_1.getTestPath)(result), results: result.results, approved: result.approved, onImageApprove: onImageApprove }))) : null));
+};
+exports.Panel = Panel;
+//# sourceMappingURL=Panel.js.map

package/dist/client/addon/components/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA+C;AAC/C,gDAA4C;AAE5C,2EAAqE;AACrE,wDAAsD;AACtD,oEAAyC;AAQzC,MAAM,OAAO,GAAG,gBAAM,CAAC,GAAG,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACrE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAEJ,MAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,aAAa,KAAK,CAAC,cAAc,EAAE;CAC5C,CAAC,CAAC,CAAC;AAEG,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAc,EAAe,EAAE;IACxG,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,cAAc,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;IAE/C,OAAO,CACL;QACG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,8BAAC,mBAAmB;YAClB,8BAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,CACpE,CACvB;QACA,SAAS,IAAI,8BAAC,mBAAM,OAAG;QACvB,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACzB,8BAAC,OAAO,IAAC,SAAS,EAAE,SAAS;YAC3B,8BAAC,4BAAW,IACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,EAC5C,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAE,IAAA,wBAAW,EAAC,MAAM,CAAC,EACzB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,cAAc,EAAE,cAAc,GAC9B,CACM,CACX,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,KAAK,SA4BhB"}

package/{lib/types → dist}/client/addon/components/TestSelect.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { TestData } from '../../../types';
+import { TestData } from '../../../types.js';
 interface TestSelectProps {
     tests: TestData[];
     selectedTestId: string;

package/dist/client/addon/components/TestSelect.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TestSelect;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const utils_js_1 = require("../utils.js");
+const LinkIconContainer = theming_1.styled.span(({ theme }) => ({
+    display: 'inline-block',
+    width: '20px',
+    color: theme.color.defaultText,
+    textAlign: 'center',
+}));
+function TestSelect(props) {
+    const testName = props.tests.find((x) => x.id === props.selectedTestId)?.testName ?? '';
+    return (react_1.default.createElement(components_1.WithTooltip, { trigger: "click", placement: "bottom", closeOnClick: true, tooltip: ({ onHide }) => (react_1.default.createElement(components_1.TooltipLinkList, { links: props.tests.map((x) => ({
+                id: x.id,
+                title: x.testName ?? '',
+                active: props.selectedTestId === x.id,
+                onClick: () => {
+                    props.onChangeTest(x.id);
+                    onHide();
+                },
+                left: react_1.default.createElement(LinkIconContainer, null, (0, utils_js_1.getEmojiByTestStatus)(x.status, x.skip)),
+            })) })) },
+        react_1.default.createElement(components_1.Button, { outline: true, small: true },
+            react_1.default.createElement(components_1.Icons, { icon: "menu" }),
+            testName)));
+}
+//# sourceMappingURL=TestSelect.js.map

package/dist/client/addon/components/TestSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSelect.js","sourceRoot":"","sources":["../../../../src/client/addon/components/TestSelect.tsx"],"names":[],"mappings":";;;;;AAmBA,6BA4BC;AA/CD,kDAA0B;AAC1B,sDAAoF;AACpF,gDAA4C;AAE5C,0CAAmD;AAQnD,MAAM,iBAAiB,GAAG,gBAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;IAC9B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC,CAAC;AAEJ,SAAwB,UAAU,CAAC,KAAsB;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,cAAc,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC;IACxF,OAAO,CACL,8BAAC,wBAAW,IACV,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,QAAQ,EAClB,YAAY,QACZ,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACvB,8BAAC,4BAAe,IACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC7B,EAAE,EAAE,CAAC,CAAC,EAAE;gBACR,KAAK,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE;gBACvB,MAAM,EAAE,KAAK,CAAC,cAAc,KAAK,CAAC,CAAC,EAAE;gBACrC,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBACzB,MAAM,EAAE,CAAC;gBACX,CAAC;gBACD,IAAI,EAAE,8BAAC,iBAAiB,QAAE,IAAA,+BAAoB,EAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAqB;aACtF,CAAC,CAAC,GACH,CACH;QAED,8BAAC,mBAAM,IAAC,OAAO,QAAC,KAAK;YACnB,8BAAC,kBAAK,IAAC,IAAI,EAAC,MAAM,GAAG;YACpB,QAAQ,CACF,CACG,CACf,CAAC;AACJ,CAAC"}

package/dist/client/addon/components/Tools.d.ts

@@ -0,0 +1,6 @@
+import { CreeveyController } from '../controller.js';
+interface ToolsProps {
+    controller: CreeveyController;
+}
+export declare const Tools: ({ controller }: ToolsProps) => JSX.Element | null;
+export {};

package/dist/client/addon/components/Tools.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tools = void 0;
+const react_1 = __importStar(require("react"));
+const qs_1 = require("qs");
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const Icons_js_1 = require("./Icons.js");
+const types_js_1 = require("../../../types.js");
+const helpers_js_1 = require("../../shared/helpers.js");
+const Button = (0, theming_1.styled)(components_1.IconButton)({
+    '&:disabled': {
+        opacity: 0.5,
+        cursor: 'default',
+    },
+    '&:disabled:hover': {
+        color: 'inherit',
+    },
+});
+const Tools = ({ controller }) => {
+    const [buttonClicked, setButtonClicked] = (0, react_1.useState)();
+    const [isRunning, setRunning] = (0, react_1.useState)(controller.status.isRunning);
+    const forceUpdate = (0, helpers_js_1.useForceUpdate)();
+    const test = controller.getCurrentTest();
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = controller.onChangeTest(() => {
+            forceUpdate();
+        });
+        return unsubscribe;
+    }, [controller, forceUpdate]);
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = controller.onUpdateStatus(({ isRunning }) => {
+            if ((0, types_js_1.isDefined)(isRunning))
+                setRunning(isRunning);
+        });
+        return unsubscribe;
+    }, [controller]);
+    if (!test)
+        return null;
+    function renderButton(type, title, onClick, icon) {
+        const handleClick = () => {
+            setButtonClicked(type);
+            onClick();
+        };
+        const disabled = isRunning && buttonClicked != null && buttonClicked !== type;
+        return (
+        // @ts-expect-error Fixed in https://github.com/storybookjs/storybook/pull/26623
+        react_1.default.createElement(Button, { onClick: () => {
+                if (isRunning)
+                    controller.onStop();
+                else
+                    handleClick();
+            }, title: disabled ? '' : title, disabled: disabled }, buttonClicked === type && isRunning ? react_1.default.createElement(components_1.Icons, { icon: 'stop' }) : icon));
+    }
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(components_1.IconButton, { href: `http://localhost:${__CREEVEY_CLIENT_PORT__ ?? __CREEVEY_SERVER_PORT__ ?? 3000}/?${(0, qs_1.stringify)({
+                testPath: (0, helpers_js_1.getTestPath)(test),
+            })}`, target: "_blank", title: "Show in Creevey UI" },
+            react_1.default.createElement(components_1.Icons, { icon: "sharealt" })),
+        react_1.default.createElement(components_1.Separator, null),
+        renderButton('RunAll', 'Run all', controller.onStartAllTests, react_1.default.createElement(Icons_js_1.ForwardIcon, null)),
+        renderButton('RunStoryTests', 'Run all story tests', controller.onStartAllStoryTests, react_1.default.createElement(Icons_js_1.NextIcon, { width: 15, height: 11 })),
+        renderButton('RunTest', 'Run', controller.onStart, react_1.default.createElement(components_1.Icons, { icon: "play" }))));
+};
+exports.Tools = Tools;
+//# sourceMappingURL=Tools.js.map

package/dist/client/addon/components/Tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tools.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Tools.tsx"],"names":[],"mappings":"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"}

package/{lib/types/client/addon/Manager.d.ts → dist/client/addon/controller.d.ts}

@@ -1,8 +1,9 @@
 import { API } from '@storybook/api';
-import { denormalizeStoryParameters } from '../../shared';
-import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types';
-import { CreeveyClientApi } from '../shared/creeveyClientApi';
-export declare class CreeveyManager {
+import { denormalizeStoryParameters } from '../../shared/index.js';
+import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types.js';
+import { CreeveyClientApi } from '../shared/creeveyClientApi.js';
+export declare const ADDON_ID = "creevey";
+export declare class CreeveyController {
     storybookApi: API;
     storyId: string;
     activeBrowser: string;
@@ -10,8 +11,8 @@ export declare class CreeveyManager {
     status: CreeveyStatus;
     creeveyApi: CreeveyClientApi | null;
     stories: StoriesRaw;
-    updateStatusListeners: Array<(update: CreeveyUpdate) => void>;
-    changeTestListeners: Array<(testId: string) => void>;
+    updateStatusListeners: ((update: CreeveyUpdate) => void)[];
+    changeTestListeners: ((testId: string) => void)[];
     constructor(storybookApi: API);
     initAll: () => Promise<void>;
     onUpdateStatus(listener: (update: CreeveyUpdate) => void): () => void;
@@ -24,7 +25,7 @@ export declare class CreeveyManager {
     onImageApprove: (id: string, retry: number, image: string) => void;
     onStartAllStoryTests: () => void;
     onStartAllTests: () => void;
-    onSetStories: (data: Parameters<typeof denormalizeStoryParameters>['0']) => void;
+    onSetStories: (data: Parameters<typeof denormalizeStoryParameters>["0"]) => void;
     setActiveBrowser: (browser: string) => void;
     setSelectedTestId: (testId: string) => void;
     getStoryTests: (storyId: string) => TestData[];

package/dist/client/addon/controller.js

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreeveyController = exports.ADDON_ID = void 0;
+const types_1 = require("@storybook/types");
+const core_events_1 = require("@storybook/core-events");
+const index_js_1 = require("../../shared/index.js");
+const types_js_1 = require("../../types.js");
+const creeveyClientApi_js_1 = require("../shared/creeveyClientApi.js");
+const helpers_js_1 = require("../shared/helpers.js");
+const utils_js_1 = require("./utils.js");
+exports.ADDON_ID = 'creevey';
+// TODO Add `useController` hook
+// TODO use `import { useGlobals, useStorybookApi } from '@storybook/manager-api';`
+class CreeveyController {
+    storybookApi;
+    storyId = '';
+    activeBrowser = '';
+    selectedTestId = '';
+    status = { isRunning: false, tests: {}, browsers: [] };
+    creeveyApi = null;
+    stories = {};
+    updateStatusListeners = [];
+    changeTestListeners = [];
+    constructor(storybookApi) {
+        this.storybookApi = storybookApi;
+        this.storybookApi = storybookApi;
+    }
+    initAll = async () => {
+        this.storybookApi.on(core_events_1.STORY_RENDERED, this.onStoryRendered);
+        this.storybookApi.on(core_events_1.SET_STORIES, this.onSetStories);
+        this.creeveyApi = await (0, creeveyClientApi_js_1.initCreeveyClientApi)();
+        this.creeveyApi.onUpdate(this.handleCreeveyUpdate);
+        this.status = await this.creeveyApi.status;
+    };
+    onUpdateStatus(listener) {
+        this.updateStatusListeners.push(listener);
+        return () => void (this.updateStatusListeners = this.updateStatusListeners.filter((x) => x != listener));
+    }
+    onChangeTest(listener) {
+        this.changeTestListeners.push(listener);
+        return () => void (this.changeTestListeners = this.changeTestListeners.filter((x) => x != listener));
+    }
+    handleCreeveyUpdate = (update) => {
+        const { tests, removedTests = [], isRunning } = update;
+        if ((0, types_js_1.isDefined)(isRunning)) {
+            this.status.isRunning = isRunning;
+        }
+        if ((0, types_js_1.isDefined)(tests)) {
+            const prevTests = this.status.tests;
+            const prevStories = this.stories;
+            Object.values(tests)
+                .filter(types_js_1.isDefined)
+                .forEach((update) => {
+                const { id, skip, status, results, approved, storyId } = update;
+                const test = prevTests[id];
+                if (!test) {
+                    return (prevTests[id] = update);
+                }
+                if ((0, types_js_1.isDefined)(skip))
+                    test.skip = skip;
+                if ((0, types_js_1.isDefined)(status)) {
+                    test.status = status;
+                    if ((0, types_js_1.isDefined)(storyId) && (0, types_js_1.isDefined)(prevStories[storyId])) {
+                        const story = prevStories[storyId];
+                        const storyStatus = this.getStoryTests(storyId);
+                        const oldStatus = storyStatus
+                            .map((x) => (x.id === id ? status : x.status))
+                            .reduce((oldStatus, newStatus) => (0, helpers_js_1.calcStatus)(oldStatus, newStatus), undefined);
+                        story.name = this.addStatusToStoryName(story.name, (0, helpers_js_1.calcStatus)(oldStatus, status), skip ?? false);
+                    }
+                }
+                if ((0, types_js_1.isDefined)(results)) {
+                    if (test.results)
+                        test.results.push(...results);
+                    else
+                        test.results = results;
+                }
+                if ((0, types_js_1.isDefined)(approved)) {
+                    Object.entries(approved).forEach(([image, retry]) => retry !== undefined && ((test.approved = test.approved ?? {})[image] = retry));
+                }
+            });
+            const nextTests = {};
+            const testsToRemove = new Set(removedTests.map(({ id }) => id));
+            for (const id in prevTests) {
+                if (testsToRemove.has(id))
+                    continue;
+                nextTests[id] = prevTests[id];
+            }
+            this.status.tests = nextTests;
+            this.stories = prevStories;
+            this.setPanelsTitle();
+            // TODO Check setStories method in 6.x and migrate properly
+            this.storybookApi.emit(core_events_1.SET_STORIES, this.stories);
+        }
+        this.updateStatusListeners.forEach((x) => {
+            x(update);
+        });
+    };
+    getCurrentTest = () => {
+        return this.status.tests[this.selectedTestId];
+    };
+    onStoryRendered = (storyId) => {
+        if (this.storyId === '')
+            this.addStatusesToSideBar();
+        if (this.storyId !== storyId) {
+            this.storyId = storyId;
+            this.selectedTestId = this.getTestsByStoryIdAndBrowser(this.activeBrowser)[0]?.id ?? '';
+            this.setPanelsTitle();
+            this.changeTestListeners.forEach((x) => {
+                x(this.selectedTestId);
+            });
+        }
+    };
+    onStart = () => {
+        this.creeveyApi?.start([this.selectedTestId]);
+    };
+    onStop = () => {
+        this.creeveyApi?.stop();
+    };
+    onImageApprove = (id, retry, image) => this.creeveyApi?.approve(id, retry, image);
+    onStartAllStoryTests = () => {
+        const ids = Object.values(this.status.tests)
+            .filter(types_js_1.isDefined)
+            .filter((x) => x.storyId === this.storyId)
+            .map((x) => x.id);
+        this.creeveyApi?.start(ids);
+    };
+    onStartAllTests = () => {
+        const ids = Object.values(this.status.tests)
+            .filter(types_js_1.isDefined)
+            .map((x) => x.id);
+        this.creeveyApi?.start(ids);
+    };
+    onSetStories = (data) => {
+        const stories = data.v ? (0, index_js_1.denormalizeStoryParameters)(data) : data.stories;
+        this.stories = stories;
+    };
+    setActiveBrowser = (browser) => {
+        this.activeBrowser = browser;
+        this.selectedTestId = this.getTestsByStoryIdAndBrowser(this.activeBrowser)[0]?.id ?? '';
+        this.changeTestListeners.forEach((x) => {
+            x(this.selectedTestId);
+        });
+    };
+    setSelectedTestId = (testId) => {
+        this.selectedTestId = testId;
+        this.changeTestListeners.forEach((x) => {
+            x(this.selectedTestId);
+        });
+    };
+    getStoryTests = (storyId) => {
+        return Object.values(this.status.tests)
+            .filter((result) => result?.storyId === storyId)
+            .filter(types_js_1.isDefined);
+    };
+    getBrowsers = () => {
+        return this.status.browsers;
+    };
+    getTestsByStoryIdAndBrowser = (browser) => {
+        return Object.values(this.status.tests)
+            .filter((x) => x?.browser === browser && x.storyId === this.storyId)
+            .filter(types_js_1.isDefined);
+    };
+    getTabTitle = (browser) => {
+        const tests = this.getTestsByStoryIdAndBrowser(browser);
+        const browserStatus = tests
+            .map((x) => x.status)
+            .reduce((oldStatus, newStatus) => (0, helpers_js_1.calcStatus)(oldStatus, newStatus), undefined);
+        const browserSkip = tests.length > 0 ? tests.every((x) => x.skip) : false;
+        const emojiStatus = (0, utils_js_1.getEmojiByTestStatus)(browserStatus, browserSkip);
+        return `${emojiStatus ? `${emojiStatus} ` : ''}Creevey/${browser}`;
+    };
+    setPanelsTitle = () => {
+        const panels = this.storybookApi.getElements(types_1.Addon_TypesEnum.PANEL);
+        let firstPanelBrowser = this.activeBrowser;
+        for (const p in panels) {
+            const panel = panels[p];
+            if (panel.id?.indexOf(exports.ADDON_ID) === 0 && panel.paramKey) {
+                panel.title = this.getTabTitle(panel.paramKey);
+                if (!firstPanelBrowser)
+                    firstPanelBrowser = panel.paramKey;
+            }
+        }
+        this.storybookApi.setSelectedPanel(`${exports.ADDON_ID}/panel/${firstPanelBrowser}`);
+    };
+    addStatusesToSideBar() {
+        if (!Object.keys(this.stories).length)
+            return;
+        const stories = this.stories;
+        Object.keys(this.stories).forEach((storyId) => {
+            const storyStatus = this.getStoryTests(storyId);
+            const status = storyStatus
+                .map((x) => x.status)
+                .reduce((oldStatus, newStatus) => (0, helpers_js_1.calcStatus)(oldStatus, newStatus), undefined);
+            const skip = storyStatus.length > 0 ? storyStatus.every((x) => x.skip) : false;
+            this.stories[storyId].name = this.addStatusToStoryName(stories[storyId].name, status, skip);
+        });
+        // TODO Check setStories method in 6.x and migrate properly
+        this.storybookApi.emit(core_events_1.SET_STORIES, this.stories);
+    }
+    addStatusToStoryName(name, status, skip) {
+        name = name.replace(/^(❌|✔|🟡|🕗|⏸) /, '');
+        const emojiStatus = (0, utils_js_1.getEmojiByTestStatus)(status, skip);
+        return `${emojiStatus ? `${emojiStatus} ` : ''} ${name}`;
+    }
+}
+exports.CreeveyController = CreeveyController;
+//# sourceMappingURL=controller.js.map

package/dist/client/addon/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/client/addon/controller.ts"],"names":[],"mappings":"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"}

package/dist/client/addon/decorator.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.decorators = void 0;
+const withCreevey_js_1 = require("./withCreevey.js");
+exports.decorators = [(0, withCreevey_js_1.withCreevey)()];
+//# sourceMappingURL=decorator.js.map

package/dist/client/addon/decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorator.js","sourceRoot":"","sources":["../../../src/client/addon/decorator.ts"],"names":[],"mappings":";;;AAAA,qDAA+C;AAElC,QAAA,UAAU,GAAG,CAAC,IAAA,4BAAW,GAAE,CAAC,CAAC"}

package/dist/client/addon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './withCreevey.js';
+export * from './readyForCapture.js';

package/dist/client/addon/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./withCreevey.js"), exports);
+__exportStar(require("./readyForCapture.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/client/addon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/addon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,uDAAqC"}