@applitools/eyes-storybook 3.32.1 → 3.33.1

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 ## Unreleased
 
 
+## 3.33.1 - 2023/4/26
+
+### Features
+### Bug fixes
+- Make sure to pass LayoutBreakpoints and WaitBeforeCapture from story config to dom snapshot
+- Map UFG config correctly
+
+## 3.33.0 - 2023/4/26
+
+### Features
+### Bug fixes
+- Fixed `disableBrowserFetching` option behavior
+
 ## 3.32.1 - 2023/4/16
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-storybook",
-  "version": "3.32.1",
+  "version": "3.33.1",
   "description": "",
   "keywords": [
     "applitools",
@@ -73,15 +73,15 @@
     }
   },
   "dependencies": {
-    "@applitools/core": "2.4.13",
-    "@applitools/driver": "1.11.41",
+    "@applitools/core": "2.5.5",
+    "@applitools/driver": "1.11.46",
     "@applitools/functional-commons": "1.6.0",
-    "@applitools/logger": "1.1.48",
+    "@applitools/logger": "1.1.52",
     "@applitools/monitoring-commons": "1.0.19",
-    "@applitools/spec-driver-puppeteer": "1.1.54",
-    "@applitools/test-server": "1.1.28",
-    "@applitools/ufg-client": "1.2.8",
-    "@applitools/utils": "1.3.32",
+    "@applitools/spec-driver-puppeteer": "1.1.57",
+    "@applitools/test-server": "1.1.31",
+    "@applitools/ufg-client": "1.2.11",
+    "@applitools/utils": "1.3.35",
     "boxen": "4.2.0",
     "chalk": "3.0.0",
     "detect-port": "1.3.0",

package/src/eyesStorybook.js

@@ -16,6 +16,7 @@ const getIframeUrl = require('./getIframeUrl');
 const createPagePool = require('./pagePool');
 const getClientAPI = require('../dist/getClientAPI');
 const {takeDomSnapshots} = require('@applitools/core');
+const {prepareTakeDomSnapshotsSettings} = require('./utils/prepare-settings');
 const {Driver} = require('@applitools/driver');
 const spec = require('@applitools/spec-driver-puppeteer');
 const {refineErrorMessage} = require('./errMessages');
@@ -93,7 +94,7 @@ async function eyesStorybook({
   }
   const client = await makeUFGClient({
     config: {
-      ...account.ufg,
+      ...account.ufgServer,
       ...account,
       proxy,
       concurrency: testConcurrency,
@@ -117,14 +118,15 @@ async function eyesStorybook({
     const result = await takeDomSnapshots({
       logger,
       driver,
-      settings: {
-        layoutBreakpoints:
-          layoutBreakpoints !== undefined ? layoutBreakpoints : config.layoutBreakpoints,
-        renderers,
-        waitBeforeCapture,
-        skipResources,
-        disableBrowserFetching: !!config.disableBrowserFetchin,
-      },
+      settings: prepareTakeDomSnapshotsSettings({
+        config,
+        options: {
+          layoutBreakpoints,
+          renderers,
+          waitBeforeCapture,
+          skipResources,
+        },
+      }),
       provides: {
         getChromeEmulationDevices: client.getChromeEmulationDevices,
         getIOSDevices: client.getIOSDevices,

package/src/getStoryData.js

@@ -11,7 +11,14 @@ 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, renderers, waitBeforeStory}) {
+  return async function getStoryData({
+    story,
+    storyUrl,
+    page,
+    renderers,
+    waitBeforeStory,
+    layoutBreakpoints,
+  }) {
     const title = getStoryBaselineName(story);
     logger.log(`getting data from story`, title);
 
@@ -58,7 +65,7 @@ function makeGetStoryData({logger, takeDomSnapshots, waitBeforeCapture, reloadPa
     const domSnapshotsPromise = takeDomSnapshots({
       page,
       renderers,
-      layoutBreakpoints: eyesParameters ? eyesParameters.layoutBreakpoints : undefined,
+      layoutBreakpoints: eyesParameters ? eyesParameters.layoutBreakpoints : layoutBreakpoints,
       waitBeforeCapture: wait
         ? async () => {
             logger.log(`waiting before screenshot of ${title} ${wait}`);

package/src/renderStories.js

@@ -67,7 +67,8 @@ function makeRenderStories({
               storyUrl,
               renderers: story.config.renderers,
               page,
-              waitBeforeStory: waitBeforeCapture,
+              layoutBreakpoints: story.config.layoutBreakpoints,
+              waitBeforeStory: waitBeforeCapture || story.config.waitBeforeCapture,
             }),
           );
 

package/src/utils/prepare-settings.js

@@ -0,0 +1,11 @@
+function prepareTakeDomSnapshotsSettings({config, options}) {
+  let result = {...options};
+  result.layoutBreakpoints =
+    result.layoutBreakpoints !== undefined ? result.layoutBreakpoints : config.layoutBreakpoints;
+  result.disableBrowserFetching = config.disableBrowserFetching;
+  return result;
+}
+
+module.exports = {
+  prepareTakeDomSnapshotsSettings,
+};