@applitools/eyes-storybook 3.30.0 → 3.30.2

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 ## Unreleased
 
 
+## 3.30.2 - 2023/1/23
+
+### Features
+### Bug fixes
+- Update dependencies
+
+## 3.30.1 - 2023/1/3
+
+### Features
+- Additional internal event logs
+### Bug fixes
+- fixed bug in mobile environment
+
 ## 3.30.0 - 2022/12/19
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-storybook",
-  "version": "3.30.0",
+  "version": "3.30.2",
   "description": "",
   "keywords": [
     "applitools",
@@ -72,28 +72,28 @@
     }
   },
   "dependencies": {
-    "@applitools/core": "1.3.1",
-    "@applitools/driver": "1.11.14",
+    "@applitools/core": "1.4.2",
+    "@applitools/driver": "1.11.25",
     "@applitools/functional-commons": "1.6.0",
-    "@applitools/logger": "1.1.32",
+    "@applitools/logger": "1.1.40",
     "@applitools/monitoring-commons": "1.0.19",
-    "@applitools/spec-driver-puppeteer": "1.1.26",
-    "@applitools/test-server": "1.1.13",
-    "@applitools/ufg-client": "1.1.8",
-    "@applitools/utils": "1.3.18",
+    "@applitools/spec-driver-puppeteer": "1.1.36",
+    "@applitools/test-server": "1.1.21",
+    "@applitools/ufg-client": "1.1.19",
+    "@applitools/utils": "1.3.26",
     "boxen": "4.2.0",
     "chalk": "3.0.0",
     "detect-port": "1.3.0",
     "lodash.flatten": "4.4.0",
     "lodash.pick": "4.4.0",
     "ora": "3.4.0",
-    "puppeteer": "10.2.0",
+    "puppeteer": "19.5.0",
     "strip-ansi": "6.0.0",
     "throat": "6.0.1",
     "yargs": "15.4.1"
   },
   "devDependencies": {
-    "@applitools/bongo": "^2.2.0",
+    "@applitools/bongo": "^2.2.2",
     "@applitools/scripts": "^1.2.0",
     "@applitools/sdk-shared": "0.9.15",
     "@applitools/snaptdout": "^1.0.1",

package/src/eyesStorybook.js

@@ -111,7 +111,7 @@ async function eyesStorybook({
   });
   const pagePool = createPagePool({initPage, logger});
 
-  const doTakeDomSnapshots = async ({page, browser, layoutBreakpoints, waitBeforeCapture}) => {
+  const doTakeDomSnapshots = async ({page, renderers, layoutBreakpoints, waitBeforeCapture}) => {
     const driver = await new Driver({spec, driver: page, logger}).init();
     const skipResources = client.getCachedResourceUrls();
     const result = await takeDomSnapshots({
@@ -120,7 +120,7 @@ async function eyesStorybook({
       settings: {
         layoutBreakpoints:
           layoutBreakpoints !== undefined ? layoutBreakpoints : config.layoutBreakpoints,
-        renderers: browser || [true], // this is a hack, since takeDomSnapshots expects an array. And VGC has a default in case browser is not specified. So we just need an array with length of 1 here.
+        renderers,
         waitBeforeCapture,
         skipResources,
         disableBrowserFetching: !!config.disableBrowserFetchin,

package/src/generateConfig.js

@@ -55,8 +55,9 @@ function generateConfig({argv = {}, defaultConfig = {}, externalConfigParams = [
     : utils.general.getEnvValue('SERVER_URL')
     ? utils.general.getEnvValue('SERVER_URL')
     : 'https://eyesapi.applitools.com';
+
   result.viewportSize = result.viewportSize ? result.viewportSize : {width: 1024, height: 600};
-  result.renderers = result.browser ? result.browser : [{name: 'chrome', width: 1024, height: 768}];
+
   result.saveNewTests = result.saveNewTests === undefined ? true : result.saveNewTests;
   result.keepBatchOpen = result.dontCloseBatches;
   result.fully = result.fully === undefined ? true : false;
@@ -75,7 +76,19 @@ function generateConfig({argv = {}, defaultConfig = {}, externalConfigParams = [
       result.testConcurrency,
     );
   }
+
+  if (!result.browser) {
+    result.renderers = [{name: 'chrome', width: 1024, height: 768}];
+  } else {
+    result.renderers = [];
+    if (!Array.isArray(result.browser)) {
+      result.browser = [result.browser];
+    }
+    result.renderers = result.browser.map(browser => {
+      return browser.deviceName ? {chromeEmulationInfo: browser} : browser;
+    });
+  }
+  delete result.browser;
   return result;
 }
-
 module.exports = generateConfig;

package/src/getStoryData.js

@@ -11,7 +11,7 @@ const DOM_SNAPSHOTS_TIMEOUT = 5 * 60 * 1000;
 const utils = require('@applitools/utils');
 
 function makeGetStoryData({logger, takeDomSnapshots, waitBeforeCapture, reloadPagePerStory}) {
-  return async function getStoryData({story, storyUrl, page, browser, waitBeforeStory}) {
+  return async function getStoryData({story, storyUrl, page, renderers, waitBeforeStory}) {
     const title = getStoryBaselineName(story);
     logger.log(`getting data from story`, title);
 
@@ -57,7 +57,7 @@ function makeGetStoryData({logger, takeDomSnapshots, waitBeforeCapture, reloadPa
     logger.log(`running takeDomSnapshot(s) for story ${title}`);
     const domSnapshotsPromise = takeDomSnapshots({
       page,
-      browser,
+      renderers,
       layoutBreakpoints: eyesParameters ? eyesParameters.layoutBreakpoints : undefined,
       waitBeforeCapture: wait
         ? async () => {

package/src/renderStories.js

@@ -66,7 +66,7 @@ function makeRenderStories({
             getStoryData({
               story,
               storyUrl,
-              browser: config.browser,
+              renderers: config.renderers,
               page,
               waitBeforeStory: waitBeforeCapture,
             }),
@@ -92,7 +92,7 @@ function makeRenderStories({
               getStoryData({
                 story,
                 storyUrl,
-                browser: config.browser,
+                renderers: config.renderers,
                 page: newPageObj.page,
                 waitBeforeStory: waitBeforeCapture,
               }),

package/src/validateAndPopulateConfig.js

@@ -58,7 +58,7 @@ async function validateAndPopulateConfig({config, packagePath, logger}) {
     }
   }
 
-  if (config.fakeIE && !config.browser.find(isIE)) {
+  if (config.fakeIE && !config.renderers.find(isIE)) {
     console.log(
       chalk.yellow(
         `\u26A0 fakeIE flag was set, but no IE browsers were found in the configuration`,