@applitools/eyes-storybook 3.55.6 → 3.55.8

package/CHANGELOG.md

@@ -1,5 +1,204 @@
 # Changelog
 
+## [3.55.8](https://github.com/Applitools-Dev/sdk/compare/js/eyes-storybook@3.55.7...js/eyes-storybook@3.55.8) (2025-07-15)
+
+
+### Performance Improvements
+
+* yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.12.1
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/req bumped to 1.7.15
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+* @applitools/driver bumped to 1.22.1
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+* @applitools/spec-driver-webdriver bumped to 1.3.1
+
+* @applitools/spec-driver-puppeteer bumped to 1.5.1
+
+* @applitools/screenshoter bumped to 3.11.7
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/nml-client bumped to 1.9.7
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/tunnel-client bumped to 1.9.0
+  #### Features
+
+  * enable EC healthchecks | AD-10040 ([#3017](https://github.com/Applitools-Dev/sdk/issues/3017)) ([c01c300](https://github.com/Applitools-Dev/sdk/commit/c01c300259427ddae53147a64d30b152960503d9))
+
+
+
+* @applitools/ufg-client bumped to 1.16.14
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/core-base bumped to 1.25.6
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/ec-client bumped to 1.11.0
+  #### Features
+
+  * enable EC healthchecks | AD-10040 ([#3017](https://github.com/Applitools-Dev/sdk/issues/3017)) ([c01c300](https://github.com/Applitools-Dev/sdk/commit/c01c300259427ddae53147a64d30b152960503d9))
+
+
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/spec-driver-selenium bumped to 1.6.1
+
+* @applitools/core bumped to 4.42.0
+  #### Features
+
+  * enable EC healthchecks | AD-10040 ([#3017](https://github.com/Applitools-Dev/sdk/issues/3017)) ([c01c300](https://github.com/Applitools-Dev/sdk/commit/c01c300259427ddae53147a64d30b152960503d9))
+
+
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+* @applitools/eyes bumped to 1.35.2
+  #### Performance Improvements
+
+  * yarn dedup packages ([#3061](https://github.com/Applitools-Dev/sdk/issues/3061)) ([2fd8951](https://github.com/Applitools-Dev/sdk/commit/2fd8951d6ce9c18a5dbdb648adaa2c454eae9b4e))
+
+
+
+
+## [3.55.7](https://github.com/Applitools-Dev/sdk/compare/js/eyes-storybook@3.55.6...js/eyes-storybook@3.55.7) (2025-07-07)
+
+
+### Bug Fixes
+
+* determine storybook 9 version | AD-10406 ([#3054](https://github.com/Applitools-Dev/sdk/issues/3054)) ([23486bf](https://github.com/Applitools-Dev/sdk/commit/23486bf1c9dc905d243239214e0e838d54c0b3c2))
+
+
+### Dependencies
+
+* @applitools/utils bumped to 1.9.0
+  #### Features
+
+  * support https_proxy and http_proxy env variables | FLD-2702 ([#3046](https://github.com/Applitools-Dev/sdk/issues/3046)) ([0633809](https://github.com/Applitools-Dev/sdk/commit/06338099f44bfb149a5829f62c2f9b19e2392850))
+* @applitools/logger bumped to 2.1.5
+
+* @applitools/dom-snapshot bumped to 4.12.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+
+
+  #### Bug Fixes
+
+  * support for programmatically added nested css rules | FLD-3212 ([#3049](https://github.com/Applitools-Dev/sdk/issues/3049)) ([5abb0f7](https://github.com/Applitools-Dev/sdk/commit/5abb0f7904c4d9e4b716291abecad54554b9ca01))
+
+
+
+* @applitools/socket bumped to 1.2.6
+
+* @applitools/req bumped to 1.7.14
+
+* @applitools/image bumped to 1.1.21
+
+* @applitools/driver bumped to 1.22.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.3.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+  * support https_proxy and http_proxy env variables | FLD-2702 ([#3046](https://github.com/Applitools-Dev/sdk/issues/3046)) ([0633809](https://github.com/Applitools-Dev/sdk/commit/06338099f44bfb149a5829f62c2f9b19e2392850))
+
+
+
+* @applitools/spec-driver-selenium bumped to 1.6.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+
+
+
+* @applitools/spec-driver-puppeteer bumped to 1.5.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+
+
+
+* @applitools/screenshoter bumped to 3.11.6
+
+* @applitools/nml-client bumped to 1.9.6
+  #### Bug Fixes
+
+  * add retries for ConnectEnomem errors | FLD-3015 ([#3052](https://github.com/Applitools-Dev/sdk/issues/3052)) ([92caa45](https://github.com/Applitools-Dev/sdk/commit/92caa452b4a6d6f86c903548b40f8207a0ed11d0))
+
+
+
+* @applitools/core-base bumped to 1.25.5
+  #### Bug Fixes
+
+  * add retries for ConnectEnomem errors | FLD-3015 ([#3052](https://github.com/Applitools-Dev/sdk/issues/3052)) ([92caa45](https://github.com/Applitools-Dev/sdk/commit/92caa452b4a6d6f86c903548b40f8207a0ed11d0))
+
+
+
+* @applitools/tunnel-client bumped to 1.8.1
+
+* @applitools/ufg-client bumped to 1.16.13
+
+* @applitools/ec-client bumped to 1.10.16
+
+* @applitools/core bumped to 4.41.0
+  #### Features
+
+  * canvas webgl without preserveDrawingBuffer=1 | FLD-3144 ([#3040](https://github.com/Applitools-Dev/sdk/issues/3040)) ([f82d8f1](https://github.com/Applitools-Dev/sdk/commit/f82d8f148f913098752ec7bef8635a46b453d6fa))
+  * support https_proxy and http_proxy env variables | FLD-2702 ([#3046](https://github.com/Applitools-Dev/sdk/issues/3046)) ([0633809](https://github.com/Applitools-Dev/sdk/commit/06338099f44bfb149a5829f62c2f9b19e2392850))
+
+
+  #### Bug Fixes
+
+  * add retries for ConnectEnomem errors | FLD-3015 ([#3052](https://github.com/Applitools-Dev/sdk/issues/3052)) ([92caa45](https://github.com/Applitools-Dev/sdk/commit/92caa452b4a6d6f86c903548b40f8207a0ed11d0))
+  * determine storybook 9 version | AD-10406 ([#3054](https://github.com/Applitools-Dev/sdk/issues/3054)) ([23486bf](https://github.com/Applitools-Dev/sdk/commit/23486bf1c9dc905d243239214e0e838d54c0b3c2))
+  * support for programmatically added nested css rules | FLD-3212 ([#3049](https://github.com/Applitools-Dev/sdk/issues/3049)) ([5abb0f7](https://github.com/Applitools-Dev/sdk/commit/5abb0f7904c4d9e4b716291abecad54554b9ca01))
+
+
+
+
 ## [3.55.6](https://github.com/Applitools-Dev/sdk/compare/js/eyes-storybook@3.55.5...js/eyes-storybook@3.55.6) (2025-06-15)
 
 

package/README.md

@@ -10,7 +10,7 @@ Install Eyes-Storybook as a local dev dependency in your tested project:
 npm install --save-dev @applitools/eyes-storybook
 ```
 
-### Entering the Applitools API key {#API}
+### Entering the Applitools API key
 
 To authenticate via the Applitools server and run tests, you need to set the environment variable `APPLITOOLS_API_KEY` to the API key provided from Applitools Eyes. For details on how to retrieve your API key, see [the Applitools documentation](https://applitools.com/tutorials/getting-started/retrieve-api-key).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-storybook",
-  "version": "3.55.6",
+  "version": "3.55.8",
   "description": "",
   "keywords": [
     "applitools",
@@ -53,21 +53,21 @@
     "up:framework": "cd test/fixtures/storybook-versions/${APPLITOOLS_FRAMEWORK_VERSION} && npm ci"
   },
   "dependencies": {
-    "@applitools/core": "4.40.0",
-    "@applitools/driver": "1.21.4",
-    "@applitools/eyes": "1.35.1",
+    "@applitools/core": "4.42.0",
+    "@applitools/driver": "1.22.1",
+    "@applitools/eyes": "1.35.2",
     "@applitools/functional-commons": "1.6.0",
-    "@applitools/logger": "2.1.4",
+    "@applitools/logger": "2.1.5",
     "@applitools/monitoring-commons": "1.0.19",
-    "@applitools/spec-driver-puppeteer": "1.4.30",
-    "@applitools/ufg-client": "1.16.12",
-    "@applitools/utils": "1.8.2",
+    "@applitools/spec-driver-puppeteer": "1.5.1",
+    "@applitools/ufg-client": "1.16.14",
+    "@applitools/utils": "1.9.0",
     "boxen": "4.2.0",
     "chalk": "3.0.0",
     "detect-port": "1.3.0",
     "lodash": "4.17.21",
     "ora": "3.4.0",
-    "puppeteer": "23.5.1",
+    "puppeteer": "24.11.1",
     "semver": "7.6.2",
     "strip-ansi": "6.0.0",
     "throat": "6.0.2",

package/src/extractEnvironment.js

@@ -1,3 +1,5 @@
+const {getStorybookFrameworks} = require('./utils/frameworks');
+
 function extractEnvironment() {
   const versions = {};
   try {
@@ -8,8 +10,19 @@ function extractEnvironment() {
   }
   let sdk;
   try {
-    const {name, version} = require('../package.json');
-    sdk = {lang: 'js', name, currentVersion: version};
+    const {
+      name,
+      version,
+      dependencies,
+      devDependencies,
+      peerDependencies,
+    } = require('../package.json');
+    const {frameworksCommaSeparated: framework, dependencyFrameworks} = getStorybookFrameworks(
+      dependencies,
+      devDependencies,
+      peerDependencies,
+    );
+    sdk = {lang: 'js', name, currentVersion: version, framework, dependencyFrameworks};
   } catch {
     // NOTE: ignore error
   }

package/src/utils/determineStorybookVersion.js

@@ -7,25 +7,36 @@ async function determineStorybookVersion({packagePath, isWindows}) {
   let sbArg, storybookPath;
 
   const commandV6 = 'start-storybook' + (isWindows ? '.cmd' : '');
-  const commandV7 = 'sb' + (isWindows ? '.cmd' : '');
-  const storybookPathV6 = resolve(packagePath, 'node_modules/.bin', commandV6);
-  const storybookPathV7 = resolve(packagePath, 'node_modules/.bin', commandV7);
+  const commandV7 = 'sb' + (isWindows ? '.cmd' : ''); // works for v8
+  const commandV9 = 'storybook' + (isWindows ? '.cmd' : '');
 
-  // first we look for the binaries in the local node_modules/.bin folder in case there are multiple versions of storybook installed
-  if (fs.existsSync(storybookPathV6)) {
-    storybookPath = storybookPathV6;
-  } else if (fs.existsSync(storybookPathV7)) {
-    storybookPath = storybookPathV7;
-    sbArg = 'dev';
-  } else {
-    // the binary is not in the local node_modules/.bin folder, so we need to find it
-    storybookPath = await findNpmModuleCommandPath(commandV6, packagePath);
-    if (!storybookPath) {
-      storybookPath = await findNpmModuleCommandPath(commandV7, packagePath);
-      sbArg = 'dev';
+  // first we look for the binaries in the local node_modules/.bin folder,
+  // in case there are multiple versions of storybook installed
+  for (const command of [commandV6, commandV7, commandV9]) {
+    const storybookPathCommand = resolve(packagePath, 'node_modules/.bin', command);
+    if (fs.existsSync(storybookPathCommand)) {
+      storybookPath = storybookPathCommand;
+      sbArg = command === commandV6 ? '' : 'dev';
+      break;
     }
   }
 
+  // the binary is not in the local node_modules/.bin folder,
+  // so we need to find it, we do a fallback search up the tree
+  if (!storybookPath) {
+    for (const command of [commandV6, commandV7, commandV9]) {
+      storybookPath = await findNpmModuleCommandPath(command, packagePath);
+      if (storybookPath) {
+        sbArg = command === commandV6 ? '' : 'dev';
+        break;
+      }
+    }
+  }
+
+  if (!storybookPath) {
+    throw new Error('Unable to determine storybook version, storybook path not found');
+  }
+
   const sbVersion = execSync(`"${storybookPath}" ${sbArg ?? ''} --version`).toString();
   return {storybookPath, sbVersion, sbArg};
 }

package/src/utils/frameworks.js

@@ -0,0 +1,99 @@
+const thirdPartyFrameworks = ['storybook-solidjs-vite', 'storybook-framework-qwik'];
+
+const storybookFrameworks = [
+  '@storybook/angular',
+  '@storybook/ember',
+  '@storybook/html-vite',
+  '@storybook/nextjs-vite',
+  '@storybook/nextjs',
+  '@storybook/preact-vite',
+  '@storybook/react-native-web-vite',
+  '@storybook/react-vite',
+  '@storybook/react-webpack5',
+  '@storybook/server-webpack5',
+  '@storybook/svelte-vite',
+  '@storybook/sveltekit',
+  '@storybook/vue3-vite',
+  '@storybook/web-components-vite',
+];
+
+const storybookRenderers = [
+  '@storybook/html',
+  '@storybook/preact',
+  '@storybook/react',
+  '@storybook/server',
+  '@storybook/svelte',
+  '@storybook/vue3',
+  '@storybook/web-components',
+];
+
+// Superset list of frameworks (ignoring vite, webpack, kit, etc.)
+const frameworksSuperset = [
+  'angular',
+  'ember',
+  'html',
+  'nextjs',
+  'preact',
+  'react',
+  'react-native-web',
+  'server',
+  'svelte',
+  'sveltekit',
+  'vue3',
+  'web-components',
+  'solidjs',
+  'qwik',
+];
+
+const mapFrameworksToSuperset = {
+  '@storybook/angular': 'angular',
+  '@storybook/ember': 'ember',
+  '@storybook/html-vite': 'html',
+  '@storybook/nextjs-vite': 'nextjs',
+  '@storybook/nextjs': 'nextjs',
+  '@storybook/preact-vite': 'preact',
+  '@storybook/react-native-web-vite': 'react-native-web',
+  '@storybook/react-vite': 'react',
+  '@storybook/react-webpack5': 'react',
+  '@storybook/server-webpack5': 'server',
+  '@storybook/svelte-vite': 'svelte',
+  '@storybook/sveltekit': 'sveltekit',
+  '@storybook/vue3-vite': 'vue3',
+  '@storybook/web-components-vite': 'web-components',
+  '@storybook/html': 'html',
+  '@storybook/preact': 'preact',
+  '@storybook/react': 'react',
+  '@storybook/server': 'server',
+  '@storybook/svelte': 'svelte',
+  '@storybook/vue3': 'vue3',
+  '@storybook/web-components': 'web-components',
+  'storybook-solidjs-vite': 'solidjs',
+  'storybook-framework-qwik': 'qwik',
+};
+
+const reduceFrameworks = fw => {
+  const reducedSet = new Set();
+  fw.forEach(element => {
+    const mapped = mapFrameworksToSuperset[element];
+    if (mapped) reducedSet.add(mapped);
+  });
+  return Array.from(reducedSet);
+};
+
+const frameworksSet = new Set([
+  ...thirdPartyFrameworks,
+  ...storybookFrameworks,
+  ...storybookRenderers,
+]);
+
+function getStorybookFrameworks(dependencies = {}, devDependencies = {}, peerDependencies = {}) {
+  const allDeps = Object.assign({}, dependencies, devDependencies, peerDependencies);
+  const dependencyFrameworks = Object.keys(allDeps).filter(dep => frameworksSet.has(dep));
+  const superSet = reduceFrameworks(dependencyFrameworks);
+  return {frameworksCommaSeparated: superSet.join(','), dependencyFrameworks};
+}
+
+module.exports = {
+  frameworksSuperset,
+  getStorybookFrameworks,
+};