creevey 0.10.0-beta.8 → 0.10.0-rc.0

package/AUTHORS

@@ -13,3 +13,5 @@
   Varya Stepanova <mail@varya.me>
   Max Sosnov <crazymax101@gmail.com>
   Kevin Killingsworth <kevin@redfenix.com>
+  HeavyPunk <kirillkuchma8@gmail.com>
+  Sasha Chabin <nibach@ya.ru>

package/CHANGELOG.md

@@ -1,3 +1,284 @@
+# [0.10.0](https://github.com/wKich/creevey/compare/e60f1f4e48afbf174e8aaff0480ddd74e3b7b9f9...fff6e5825b2488b3fd197f1d71ecf5d339762490) (TBC)
+
+## Creevey Updates: Cool New Stuff, Features, and Fixes!
+
+Hey everyone! We've got some updates for Creevey that we think you'll like. We've been working on making the testing framework better, improving how you work with it, and adding some new ways to connect it with other tools. This includes some big changes to how things work under the hood, new features like Playwright support and better reports, plus a bunch of bug fixes.
+
+---
+
+### What's New & Important:
+
+#### 1. Playwright Integration is Here!
+
+Creevey now works smoothly with Playwright! This gives you another solid option for browser automation, besides Selenium WebDriver. We've tried to make it flexible for different ways you might want to use it.
+
+- **Using Playwright for Browser Automation:** You can set up Playwright right in your `creevey.config.ts`.
+
+  ```typescript
+  // creevey.config.ts
+  import { CreeveyConfig } from 'creevey';
+  import { PlaywrightWebdriver } from 'creevey/playwright';
+
+  const config: CreeveyConfig = {
+    webdriver: PlaywrightWebdriver,
+    // Set `useDocker to false in CI environments to use standalone Playwright browsers
+    useDocker: !Boolean(process.env.CI),
+    browsers: {
+      chrome: {
+        browserName: 'chromium', // For Playwright, usually 'chromium', 'firefox', or 'webkit'
+        playwrightOptions: {
+          headless: false, // Example: show the browser while debugging
+        },
+      },
+      firefox: {
+        browserName: 'firefox',
+      },
+    },
+  };
+
+  export default config;
+  ```
+
+- **Playwright with Selenium Grid (Heads-up: Chrome Only for now):**
+  You can connect Playwright to a Selenium Grid. Just a heads-up, this only works with the Chrome browser because of how Playwright talks to Selenium Grid.
+
+  ```typescript
+  // creevey.config.ts
+  import { CreeveyConfig } from 'creevey';
+  import { PlaywrightWebdriver } from 'creevey/playwright';
+
+  const config: CreeveyConfig = {
+    webdriver: PlaywrightWebdriver,
+    gridUrl: 'http://your-selenium-grid-url:4444/wd/hub', // Your Selenium Grid URL
+    browsers: {
+      chromeOnGrid: {
+        browserName: 'chrome', // Needs to be 'chrome' for Playwright with Selenium Grid
+        seleniumCapabilities: {
+          // Add any Selenium settings your Grid needs here
+        },
+      },
+    },
+  };
+
+  export default config;
+  ```
+
+- **Recording Traces and Video for Easier Debugging:**
+  To help you figure out what's going on in your tests, Creevey can use Playwright's trace and video recording. Just run Creevey in debug mode.
+
+  ```bash
+  creevey --debug
+  ```
+
+  You'll find the traces (`trace.zip`) and videos (`video.webm`) in the `traces` folder inside your report directory, sorted by process ID.
+
+#### 2. Browser Config Changes for Selenium & Playwright (Heads-up: This is a Breaking Change)
+
+We've changed how you set up browsers in `creevey.config.ts`. This helps make it clearer which settings are for Selenium and which are for Playwright.
+
+- **How to Update:**
+
+  - Settings like `browserVersion` and `platformName` (and other custom Selenium settings) now need to go inside a `seleniumCapabilities` object.
+  - Playwright-specific settings should go into a `playwrightOptions` object.
+  - The new `webdriver` field lets you choose your WebDriver implementation. While it defaults to Selenium for now, this may change. We recommend explicitly setting it by importing and using either `SeleniumWebdriver` or `PlaywrightWebdriver`.
+
+  **Example:**
+
+  ```typescript
+  // Before
+  const config: CreeveyConfig = {
+    browsers: {
+      chrome: {
+        browserName: 'chrome',
+        browserVersion: '90.0',
+        platformName: 'linux',
+        customSeleniumOption: 'value',
+      },
+    },
+  };
+
+  // After
+  import { SeleniumWebdriver } from 'creevey/selenium';
+  // or
+  // import { PlaywrightWebdriver } from 'creevey/playwright';
+
+  const config: CreeveyConfig = {
+    webdriver: SeleniumWebdriver, // or PlaywrightWebdriver
+    browsers: {
+      chrome: {
+        browserName: 'chrome',
+        // browserName: 'chromium', // For Playwright
+        seleniumCapabilities: {
+          // Selenium-specific stuff
+          browserVersion: '90.0',
+          platformName: 'linux',
+          customSeleniumOption: 'value',
+        },
+        playwrightOptions: {
+          // Playwright-specific stuff
+          headless: true,
+          // ... other Playwright launch options
+        },
+      },
+    },
+  };
+  ```
+
+#### 3. Mocha is Gone & There's a New Test Context API (Heads-up: This is a Big Breaking Change)
+
+Creevey doesn't use the Mocha testing framework anymore. This makes things simpler internally and means you'll write tests a bit differently using a new `CreeveyTestContext`.
+
+- **How to Update:**
+
+  - Change your tests to use the `context` parameter instead of `this`.
+  - Image matching methods are now called on the `context` object.
+  - The `context.webdriver` property gives you direct access to the configured WebDriver instance (Selenium or Playwright) for advanced browser interactions.
+
+  **Example:**
+
+  ```typescript
+  // Before (Mocha style)
+  it('should match the image', async function () {
+    this.expect(await this.takeScreenshot()).to.matchImage('example');
+  });
+
+  // After (New Creevey context style)
+  it('should match the image', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'example');
+  });
+
+  // Example using context.webdriver with Selenium WebDriver API
+  it('should interact with an element using Selenium', async (context) => {
+    const seleniumWebDriver = context.webdriver; // Assuming SeleniumWebdriver is configured
+    const element = await seleniumWebDriver.findElement({ css: '#myElement' });
+    await element.click();
+    // ... more Selenium interactions
+    await context.matchImage(await context.takeScreenshot(), 'selenium-interaction');
+  });
+
+  // Example using context.webdriver with Playwright API
+  it('should interact with an element using Playwright', async (context) => {
+    const playwrightPage = context.webdriver; // Assuming PlaywrightWebdriver is configured
+    await playwrightPage.click('#myElement');
+    // ... more Playwright interactions
+    await context.matchImage(await context.takeScreenshot(), 'playwright-interaction');
+  });
+  ```
+
+#### 4. New: Creevey Playwright Reporter
+
+Now you can add Creevey's visual testing to your existing Playwright test suites with the new `CreeveyPlaywrightReporter`.
+
+- **How to Use It:** Set up the reporter in your `playwright.config.ts` (or `.js`).
+
+  ```typescript
+  // playwright.config.ts
+  import { defineConfig } from '@playwright/test';
+
+  export default defineConfig({
+    reporter: [
+      ['list'], // Or any other standard Playwright reporter
+      [
+        'creevey/playwright-reporter',
+        {
+          // Optional: Creevey reporter specific settings
+          reportDir: './creevey-report', // Where the Creevey HTML report goes
+          screenDir: './creevey-images', // Where your reference (golden) images are stored
+          // You can pass other Creevey config options here too,
+          // like diffOptions, port, etc.
+        },
+      ],
+    ],
+    // ... other Playwright settings like projects, testDir, etc.
+    use: {
+      // Make sure your tests take screenshots that the reporter can find
+      // For example, using Playwright's toHaveScreenshot() or your own way
+    },
+  });
+  ```
+
+  Your Playwright tests would then use familiar methods like `await expect(page).toHaveScreenshot('image-name.png');` or `await page.screenshot({ path: 'path/to/image.png' });`. The Creevey reporter will take care of the visual comparisons and create the report. Check out `docs/playwright-reporter.md` for more details.
+
+#### 5. Approve Tests Right from the Report UI (Update Mode)
+
+We've added an "Update Mode" so you can approve changes to test images directly in the Creevey report UI. No need to run Storybook or open browsers.
+
+- The UI will show you when it's in update mode. You won't be able to run tests from the UI in this mode; it's all about reviewing and approving visual changes. To run Creevey in this UI Update mode, use the `report` command:
+
+  ```bash
+  creevey report
+  ```
+
+- You can specify report directory to use for UI Update mode
+
+#### 6. New JUnit Reporter & Better Reporter Options
+
+- **JUnit Reporter:** You can now get JUnit-compatible XML reports, which is handy for CI/CD setups.
+  - **How to Use It:** Set `reporter: 'junit'` in your `creevey.config.ts`.
+  - You can tell it where to save the file with `reporterOptions: { outputFile: 'path/to/report.xml' }`.
+- **Reporter Setup:** Setting up reporters has moved from command-line options to your `creevey.config.ts` file.
+
+  ```typescript
+  // In creevey.config.ts
+  const config: CreeveyConfig = {
+    reporter: 'junit', // or 'teamcity', 'creevey'
+    reporterOptions: {
+      // custom options for the reporter you chose
+      // For JUnit: { outputFile: 'report.xml' }
+    },
+  };
+  ```
+
+#### 7. Try ODiff for Image Comparison
+
+You can now use the `odiff` library to compare images, as an alternative to `pixelmatch`.
+
+- **How to Use It:** Turn it on with the `--odiff` command-line flag.
+- You can change its settings with `odiffOptions` in your Creevey config (by default, it uses `threshold: 0` and `antialiasing: true`).
+
+#### 8. Easier Storybook Autostart
+
+Starting Storybook with Creevey is now a bit simpler.
+
+- **`--storybook-start` (`-s`) Flag:** This will automatically start your Storybook development server. Creevey will figure out if you're using npm, yarn, or pnpm.
+  - **How to Use It:** `creevey test -s` or `creevey test --storybook-start`
+  - If you want to use a different Storybook port, you can add `--storybook-port`.
+- **Finds Free Ports Automatically:** If the usual Storybook port (6006) is busy, and you're using `-s`, Creevey will automatically find and use a port that's free.
+
+---
+
+### Other Cool Stuff and Fixes:
+
+- **React 18 Update:** Creevey's UI parts and Storybook connection now use React 18. This is mostly an internal thing, but if you have custom React components that talk to Creevey, make sure they're compatible.
+- **Build System Switched from Webpack to Vite:** We've changed the internal build system for client stuff to Vite. This means faster build times and a better development setup (like HMR). This is an internal change and probably won't affect you unless you had custom Webpack settings for Creevey.
+- **Dependency Updates & Dynamic Imports:** We've updated several main dependencies (like `@koa/cors`, `@octokit/core`, `typescript`). Some parts of Creevey now load on demand to make things a bit faster. Functions like `getCreeveyCache()` and `getMatchers()` are now async.
+- **Storybook Upgrades:** Creevey now works well with Storybook 8.x versions (like 8.4.1, 8.6.12). This includes some API changes, like how icons are imported (`@storybook/components` is now `@storybook/icons`) and how manager APIs are imported (`@storybook/api` is now `@storybook/manager-api`).
+- **Under-the-Hood Improvements:**
+  - The internal HTTP server switched from Koa to Hyper-Express for better performance.
+  - How reporters are created and how they handle events is now managed centrally in the main Creevey runner.
+- **Global Environment Variable:** We added a `__CREEVEY_ENV__` global variable. It's `false` in Storybook dev mode and `true` when Creevey is running tests.
+- **`--noDocker` Option:** A command-line flag to turn off Docker, even if `useDocker: true` is in your config. The default way stories are provided has changed to `hybridStoriesProvider`.
+- **Test File Extensions:** Added support for `.mts` and `.cts` test files.
+- **Base64 Image Support:** Image matching functions can now handle base64 encoded image strings.
+- **Video Recording Fix:** Playwright won't fail anymore if `ffmpeg` isn't around for video recording; it will just give a warning and continue without video.
+- **UI/UX:**
+  - Added hotkeys for moving around the report more easily (e.g., Alt+Space to toggle images in SwapView).
+  - Images in report mode load better now.
+  - Screenshots of just the viewport are now the default, instead of full-page screenshots, to keep things consistent.
+- **Fixes:**
+  - Lots of fixes for Docker container stuff, including cleaning them up and registry support.
+  - Better error messages from Selenium and Playwright.
+  - Fixes for reporter problems (TeamCity artifacts, JUnit compatibility).
+  - Fixed how regular expressions were handled between the main process and workers.
+  - Made sure processes shut down properly to avoid orphaned ones.
+  - Fixed some issues with browsers not starting correctly on the first run.
+- **Dependency Management:** We regularly update dependencies, including big ones like ESLint and TypeScript. Moved several Storybook dependencies to `devDependencies`.
+- **Code Quality:** Cleaned up logging, how tests are managed (the `TestsManager` class), and how themes are handled.
+
+---
+
+We hope these updates make using Creevey a better experience for you. As always, check out the documentation for more details, and let us know if you run into any problems. Happy testing!
+
 # [0.9.0-beta.5](https://github.com/wKich/creevey/compare/v0.9.0-beta.4...v0.9.0-beta.5) (2023-04-14)
 
 # [0.9.0-beta.4](https://github.com/wKich/creevey/compare/v0.9.0-beta.3...v0.9.0-beta.4) (2023-03-24)

package/README.md

@@ -1,7 +1,5 @@
 [<img width="274" alt="Creevey" src="https://user-images.githubusercontent.com/4607770/220418756-89cf4f54-ccb7-4086-a74c-a044ea1d2a61.png">](https://harrypotter.fandom.com/wiki/Colin_Creevey)
 
-**IMPORTANT** _Looking for any help with maintaining_
-
 Cross-browser screenshot testing tool for [Storybook](https://storybook.js.org/) with fancy UI Runner.
 
 [![Creevey downloads](https://img.shields.io/npm/dt/creevey)](https://www.npmjs.com/package/creevey)
@@ -28,19 +26,20 @@ It named after [Colin Creevey](https://harrypotter.fandom.com/wiki/Colin_Creevey
 - [Pre-requisites](#pre-requisites)
 - [How to Start](#how-to-start)
 - [Comparison with other tools](#comparison-with-other-tools)
-- [Config/Options](docs/config.md)
-- [Examples](https://github.com/wKich/creevey-examples)
-- Advanced usage
-  - [Write tests](docs/tests.md)
-  - [Use your Selenium Grid (LambdaTest/BrowserStack/SauceLabs/etc)](docs/grid.md)
+- [Config](docs/config.md)
+- [CLI commands](docs/cli.md)
+- [Storybook parameters](docs/storybook.md)
+- [Write interactive tests](docs/tests.md)
+- [Use your Selenium Grid (LambdaTest/BrowserStack/SauceLabs/etc)](docs/grid.md)
 - [Future plans](#future-plans)
 - [Known issues](#known-issues)
 - [Used by](#used-by)
 
 ## Pre-requisites
 
-- Make sure you have installed [Docker](https://www.docker.com/products/docker-desktop). But if you going to use your own separate Selenium Grid, you don't need `Docker`.
-- Supported Storybook versions: `^6.4.0`.
+- Make sure you have installed [Docker](https://www.docker.com/products/docker-desktop). If you are going to use Selenium Grid or run screenshot tests exclusively in CI you don't need Docker in that case.
+- Supported Storybook versions: >= 7.x.x
+- Supported Node.js versions: >= 18.x.x
 
 ## How to start
 
@@ -53,44 +52,38 @@ yarn add -D creevey
 - Add addon `creevey` into your storybook config
 
 ```js
-// .storybook/main.js
-module.exports = {
-  stories: [
-    /* ... */
-  ],
+// .storybook/main.ts
+const config: StorybookConfig = {
+  stories: [ /* ... */ ],
   addons: [
     /* ... */
     'creevey',
   ],
 };
+
+export default config;
 ```
 
-- Start storybook and then start Creevey UI Runner in separate terminal. (To start tests from CLI, run Creevey without `--ui` flag)
+- Start Creevey UI Runner, which starts Storybook automatically. (To start tests from CLI, run Creevey without `--ui` flag)
 
 ```bash
-yarn start-storybook -p 6006
-yarn creevey --ui
+yarn creevey test -s --ui
 ```
 
-And that's it.
+- Open [http://localhost:3000](http://localhost:3000) in your browser. 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:** 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.
 
 **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
-
-// NOTE: Define parameter for all stories
 export default {
   title: 'MyModal',
-  parameters: { creevey: { captureElement: null } },
+  component: MyModal,
 };
 
-// NOTE: Or define it for specific one
-
-export const MyModalStory = () => <MyModal />;
-MyModalStory.parameters = { creevey: { captureElement: null } };
+export const MyModalStory = { creevey: { captureElement: null } };
 ```
 
 ## Comparison with other tools
@@ -109,19 +102,11 @@ MyModalStory.parameters = { creevey: { captureElement: null } };
 
 ## Future plans
 
-- Allow use different webdrivers not only `selenium`, but also `puppeteer` or `playwright`.
-- Add ability to ignore elements.
 - Allow to define different viewport sizes for specific stories or capture story with different args.
 - And more, check [TODO](TODO.md) for more details. Also feel free to ask about feature that you want
 
 ## Known issues
 
-### Creevey is trying to build storybook but fail or tests don't work
-
-This might happens because Creevey patches storybook webpack config and build nodejs bundle with stories meta information. And in some cases Creevey couldn't properly remove all unnecessary code cause of side-effects in stories files or you create stories dynamically. Try to rewrite such places. If it still doesn't help, [send to me](mailto:creevey@kich.dev) bundle that Creevey created (it located in `node_modules/creevey/.cache/creevey/storybook/main.js`)
-
-A little bit later I'll add possibility to run tests without building that bundle, so it fixes this issue.
-
 ### Docker-in-Docker
 
 Currently it's not possible to run Creevey in this configuration. I'll fix this in later versions.
@@ -138,13 +123,6 @@ This cause to flaky screenshots. Possible solutions:
 - Replace border to box-shadow `border: 1px solid red` -> `box-shadow: 0 0 0 1px red`
 - Set max retries to more than 5
 
-### You can't directly import `selenium-webdriver` package in story file
-
-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('#storybook-root'))` -> `.findElement({ css: '#storybook-root' })`
-- `.sendKeys(Keys.ENTER)` -> `.sendKeys(this.keys.ENTER)`
-
 ## Used by
 
 | [![Whisk](https://raw.githubusercontent.com/wKich/creevey/master/.github/images/whisk.svg)](https://whisk.com/) | [![SKB Kontur](https://kontur.ru/Files/userfiles/image/brandbook/logo-skb-kontur-eng.png)](https://kontur.ru/) | [![ABBYY](https://raw.githubusercontent.com/wKich/creevey/master/.github/images/abbyy.svg)](https://www.abbyy.com/) |

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

@@ -15,17 +15,27 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 components_1 = require("storybook/internal/components");
 const Panel_js_1 = require("./Panel.js");
 const Addon = ({ active, browser, controller }) => {
     const [tests, setTests] = (0, react_1.useState)([]);

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

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Addon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,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"}
+{"version":3,"file":"Addon.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Addon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,8DAA4D;AAE5D,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/dist/client/addon/components/Panel.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (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 components_1 = require("storybook/internal/components");
+const theming_1 = require("storybook/theming");
+const types_js_1 = require("../../../types.js");
 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 lodash_1 = require("lodash");
 const Wrapper = theming_1.styled.div(({ isRunning }) => ({
     opacity: isRunning ? 0.5 : 1,
     height: '100%',
@@ -29,7 +29,7 @@ const Panel = ({ tests, selectedTestId, onChangeTest }) => {
         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}`, path: (0, helpers_js_1.getTestPath)(result), results: result.results, approved: result.approved, 
                 // addon doesn't work, add only stubs
-                retry: 0, onRetryChange: lodash_1.noop, imageName: "", onImageChange: lodash_1.noop }))) : null));
+                retry: 0, onRetryChange: types_js_1.noop, imageName: "", onImageChange: types_js_1.noop }))) : null));
 };
 exports.Panel = Panel;
 //# sourceMappingURL=Panel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAmC;AACnC,sDAA+C;AAC/C,gDAA4C;AAE5C,2EAAqE;AACrE,wDAAsD;AACtD,oEAAyC;AACzC,mCAA8B;AAQ9B,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,EAAc,EAAe,EAAE;IACxF,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,IAAI,EAAE,IAAA,wBAAW,EAAC,MAAM,CAAC,EACzB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,qCAAqC;gBACrC,KAAK,EAAE,CAAC,EACR,aAAa,EAAE,aAAI,EACnB,SAAS,EAAC,EAAE,EACZ,aAAa,EAAE,aAAI,GACnB,CACM,CACX,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,KAAK,SA+BhB"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/client/addon/components/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAmC;AACnC,8DAAuD;AACvD,+CAA2C;AAC3C,gDAAmD;AACnD,2EAAqE;AACrE,wDAAsD;AACtD,oEAAyC;AASzC,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,EAAc,EAAe,EAAE;IACxF,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,IAAI,EAAE,IAAA,wBAAW,EAAC,MAAM,CAAC,EACzB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,qCAAqC;gBACrC,KAAK,EAAE,CAAC,EACR,aAAa,EAAE,eAAI,EACnB,SAAS,EAAC,EAAE,EACZ,aAAa,EAAE,eAAI,GACnB,CACM,CACX,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,KAAK,SA+BhB"}

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

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TestSelect;
 const react_1 = __importDefault(require("react"));
-const components_1 = require("@storybook/components");
+const components_1 = require("storybook/internal/components");
 const icons_1 = require("@storybook/icons");
-const theming_1 = require("@storybook/theming");
+const theming_1 = require("storybook/theming");
 const utils_js_1 = require("../utils.js");
 const LinkIconContainer = theming_1.styled.span(({ theme }) => ({
     display: 'inline-block',

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

@@ -1 +1 @@
-{"version":3,"file":"TestSelect.js","sourceRoot":"","sources":["../../../../src/client/addon/components/TestSelect.tsx"],"names":[],"mappings":";;;;;AAoBA,6BA2BC;AA/CD,kDAAmC;AACnC,sDAA6E;AAC7E,4CAA4C;AAC5C,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,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,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS;YACpC,8BAAC,gBAAQ,OAAG;YACX,QAAQ,CACF,CACG,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TestSelect.js","sourceRoot":"","sources":["../../../../src/client/addon/components/TestSelect.tsx"],"names":[],"mappings":";;;;;AAoBA,6BA2BC;AA/CD,kDAAmC;AACnC,8DAAqF;AACrF,4CAA4C;AAC5C,+CAA2C;AAE3C,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,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,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS;YACpC,8BAAC,gBAAQ,OAAG;YACX,QAAQ,CACF,CACG,CACf,CAAC;AACJ,CAAC"}

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

@@ -15,20 +15,30 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 components_1 = require("storybook/internal/components");
 const icons_1 = require("@storybook/icons");
-const theming_1 = require("@storybook/theming");
+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");

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

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

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

@@ -1,7 +1,7 @@
 import { denormalizeStoryParameters } from '../../shared/index.js';
 import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types.js';
 import { CreeveyClientApi } from '../shared/creeveyClientApi.js';
-import { API } from '@storybook/manager-api';
+import { API } from 'storybook/manager-api';
 export declare const ADDON_ID = "creevey";
 export declare class CreeveyController {
     storybookApi: API;

package/dist/client/addon/controller.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreeveyController = exports.ADDON_ID = void 0;
-const types_1 = require("@storybook/types");
+const types_1 = require("storybook/internal/types");
 const index_js_1 = require("../../shared/index.js");
 const types_js_1 = require("../../types.js");
 const creeveyClientApi_js_1 = require("../shared/creeveyClientApi.js");
@@ -9,13 +9,13 @@ 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';`
+// TODO use `import { useGlobals, useStorybookApi } from 'storybook/manager-api';`
 class CreeveyController {
     storybookApi;
     storyId = '';
     activeBrowser = '';
     selectedTestId = '';
-    status = { isRunning: false, tests: {}, browsers: [] };
+    status = { isRunning: false, tests: {}, browsers: [], isUpdateMode: false };
     creeveyApi = null;
     stories = {};
     updateStatusListeners = [];