@applitools/eyes-storybook 3.29.4 → 3.30.1

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 ## Unreleased
 
 
+## 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
+- Deprecated "Content" match level value in favor of "IgnoreColors"
+- Add Support for storyStoreV7 flag
+### Bug fixes
+- Handle fake shadowRoot with UFG
+- Handed error during polling in long requests to eyes server
+
 ## 3.29.4 - 2022/9/12
 
 ### Features

package/README.md

@@ -154,8 +154,8 @@ In addition to command-line arguments, it's possible to define the following con
 | `storybookStaticDir`      | undefined                   | Path to Storybook's static files folder (also available as command-line argument). |
 | `showStorybookOutput`     | undefined                   | Whether or not you want to see Storybook output (also available as command-line argument). |
 | `viewportSize`            | { width: 1024, height: 600} | The size of the puppeteer browser's window. This is the browser window which renders the stories originally (and opens at the size provided in the `viewportSize` parameter), and then a DOM snapshot is uploaded to the server, which renders this snapshot on all the browsers and sizes provided in the `browser` parameter.|
-| `exitcode`                | true                       | If tests failed close with non-zero exit code (also available as command-line argument). |
-| `browser`                 | { width: 800, height: 600, name: 'chrome' } | The size and browser of the generated screenshots. For more info and possible values, see the [browser section below](#configuring-the-browser).|
+| `exitcode`                | true                       | If tests failed or has visual differences close with non-zero exit code (also available as command-line argument).|
+| `browser`                 | { width: 1024, height: 768, name: 'chrome' } | The size and browser of the generated screenshots. For more info and possible values, see the [browser section below](#configuring-the-browser).|
 | `showLogs`                | false                       | Whether or not you want to see logs of the Eyes-Storybook plugin. |
 | `batch`                     | undefined                   | An object which describes different aspects of the batch. The following lines in this table depict the various ways to configure the batch. |
 | `batch.id`                  | random                      | Provides ability to group tests into batches. Read more about batches [here](https://applitools.com/docs/topics/working-with-test-batches/how-to-group-tests-into-batches.html). |

package/dist/getClientAPI.js

@@ -98,12 +98,20 @@ function __getClientAPI(...args) {
 
           case API_VERSIONS.v6_4: {
             api = {
-              getStories: () => {
+              getStories: async () => {
+                if (clientAPI.storyStore.cacheAllCSFFiles) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                }
                 return clientAPI.raw();
               },
-              selectStory: async i => {
+              selectStory: async (i, id) => {
+                let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+                if (!storyId) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                  storyId = clientAPI.raw()[i].id;
+                }
                 frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                  storyId: clientAPI.raw()[i].id,
+                  storyId,
                 });
                 await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
               },

package/dist/getStories.js

@@ -98,12 +98,20 @@ function __getStories(...args) {
 
           case API_VERSIONS.v6_4: {
             api = {
-              getStories: () => {
+              getStories: async () => {
+                if (clientAPI.storyStore.cacheAllCSFFiles) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                }
                 return clientAPI.raw();
               },
-              selectStory: async i => {
+              selectStory: async (i, id) => {
+                let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+                if (!storyId) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                  storyId = clientAPI.raw()[i].id;
+                }
                 frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                  storyId: clientAPI.raw()[i].id,
+                  storyId,
                 });
                 await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
               },
@@ -246,9 +254,10 @@ function __getStories(...args) {
       }
     }
 
-    function getStoriesThroughClientAPI(clientApi) {
-      return clientApi.getStories().map((story, index) => {
-        const {name, kind, parameters} = story;
+    async function getStoriesThroughClientAPI(clientApi) {
+      const stories = await clientApi.getStories();
+      return stories.map((story, index) => {
+        const {name, kind, parameters, id} = story;
         const hasEyesParameters =
           parameters && parameters.eyes && typeof parameters.eyes === 'object';
         let parametersIfSerialized, error;
@@ -278,6 +287,7 @@ function __getStories(...args) {
           index,
           name,
           kind,
+          id,
           parameters: parametersIfSerialized,
           error,
         };

package/dist/renderStoryWithClientAPI.js

@@ -98,12 +98,20 @@ function __renderStoryWithClientAPI(...args) {
 
           case API_VERSIONS.v6_4: {
             api = {
-              getStories: () => {
+              getStories: async () => {
+                if (clientAPI.storyStore.cacheAllCSFFiles) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                }
                 return clientAPI.raw();
               },
-              selectStory: async i => {
+              selectStory: async (i, id) => {
+                let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+                if (!storyId) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                  storyId = clientAPI.raw()[i].id;
+                }
                 frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                  storyId: clientAPI.raw()[i].id,
+                  storyId,
                 });
                 await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
               },
@@ -142,12 +150,12 @@ function __renderStoryWithClientAPI(...args) {
 
   var getClientAPI_1 = getClientAPI;
 
-  function renderStoryWithClientAPI(index) {
+  function renderStoryWithClientAPI(index, id) {
     return new Promise(resolve => {
       let api;
       try {
         api = getClientAPI_1();
-        api.selectStory(index);
+        api.selectStory(index, id);
         api.onStoryRendered(resolve);
       } catch (ex) {
         resolve({message: ex.message, version: api ? api.version : undefined});

package/dist/runRunAfterScript.js

@@ -98,12 +98,20 @@ function __runRunAfterScript(...args) {
 
           case API_VERSIONS.v6_4: {
             api = {
-              getStories: () => {
+              getStories: async () => {
+                if (clientAPI.storyStore.cacheAllCSFFiles) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                }
                 return clientAPI.raw();
               },
-              selectStory: async i => {
+              selectStory: async (i, id) => {
+                let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+                if (!storyId) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                  storyId = clientAPI.raw()[i].id;
+                }
                 frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                  storyId: clientAPI.raw()[i].id,
+                  storyId,
                 });
                 await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
               },
@@ -142,15 +150,15 @@ function __runRunAfterScript(...args) {
 
   var getClientAPI_1 = getClientAPI;
 
-  function getStoryByIndex(index) {
+  async function getStoryByIndex(index) {
     let api;
     try {
       api = getClientAPI_1();
-      const story = api.getStories()[index];
-      if (!story) {
+      const stories = await api.getStories();
+      if (!stories[index]) {
         console.log('error cannot get story', index);
       }
-      return story;
+      return stories[index];
     } catch (ex) {
       throw new Error(JSON.stringify({message: ex.message, version: api ? api.version : undefined}));
     }
@@ -158,9 +166,9 @@ function __runRunAfterScript(...args) {
 
   var getStoryByIndex_1 = getStoryByIndex;
 
-  function runRunAfterScript(index) {
+  async function runRunAfterScript(index) {
     try {
-      const story = getStoryByIndex_1(index);
+      const story = await getStoryByIndex_1(index);
       if (!story) return;
       return story.parameters.eyes.runAfter({rootEl: document.getElementById('root'), story});
     } catch (ex) {

package/dist/runRunBeforeScript.js

@@ -98,12 +98,20 @@ function __runRunBeforeScript(...args) {
 
           case API_VERSIONS.v6_4: {
             api = {
-              getStories: () => {
+              getStories: async () => {
+                if (clientAPI.storyStore.cacheAllCSFFiles) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                }
                 return clientAPI.raw();
               },
-              selectStory: async i => {
+              selectStory: async (i, id) => {
+                let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+                if (!storyId) {
+                  await clientAPI.storyStore.cacheAllCSFFiles();
+                  storyId = clientAPI.raw()[i].id;
+                }
                 frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                  storyId: clientAPI.raw()[i].id,
+                  storyId,
                 });
                 await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
               },
@@ -142,15 +150,15 @@ function __runRunBeforeScript(...args) {
 
   var getClientAPI_1 = getClientAPI;
 
-  function getStoryByIndex(index) {
+  async function getStoryByIndex(index) {
     let api;
     try {
       api = getClientAPI_1();
-      const story = api.getStories()[index];
-      if (!story) {
+      const stories = await api.getStories();
+      if (!stories[index]) {
         console.log('error cannot get story', index);
       }
-      return story;
+      return stories[index];
     } catch (ex) {
       throw new Error(JSON.stringify({message: ex.message, version: api ? api.version : undefined}));
     }
@@ -158,9 +166,9 @@ function __runRunBeforeScript(...args) {
 
   var getStoryByIndex_1 = getStoryByIndex;
 
-  function runRunBeforeScript(index) {
+  async function runRunBeforeScript(index) {
     try {
-      const story = getStoryByIndex_1(index);
+      const story = await getStoryByIndex_1(index);
       if (!story) return;
       return story.parameters.eyes.runBefore({rootEl: document.getElementById('root'), story: story});
     } catch (ex) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-storybook",
-  "version": "3.29.4",
+  "version": "3.30.1",
   "description": "",
   "keywords": [
     "applitools",
@@ -48,11 +48,13 @@
     "storybook:csf-service": "cp -r test/fixtures/storybookCSF/.storybook/. test/fixtures/storybookCSF/.storybook-temp && rm test/fixtures/storybookCSF/.storybook-temp/config.js",
     "storybook:heavy": "start-storybook -c test/fixtures/heavyStorybook -p 9002 -s test/fixtures",
     "storybook:zeroStories": "start-storybook -c test/fixtures/zeroStoriesRetry -p 9003 -s test/fixtures",
+    "storybook:csf-v7": "start-storybook -c test/fixtures/storybookCSFV7/.storybook/ -p 9004 -s test/fixtures/",
     "eyes-storybook": "node bin/eyes-storybook.js -f test/fixtures/applitools.config.js",
     "eyes-storybook:jslayout": "node bin/eyes-storybook.js -f test/e2e/happy-config/layout-breakpoints-local.config.js",
     "eyes-storybook:heavy": "node bin/eyes-storybook.js -f test/fixtures/heavyStorybook/applitools.config.js",
     "eyes-storybook:configured": "node bin/eyes-storybook.js -f scripts/preconfigured.config.js",
     "eyes-storybook:zeroStories": "node bin/eyes-storybook.js -f test/fixtures/zeroStoriesRetry/applitools.config.js",
+    "eyes-storybook:csf-v7": "node bin/eyes-storybook.js -f test/fixtures/storybookCSFV7/applitools.config.js",
     "changelog": "git changelog -x -p -f v$npm_package_version > History.md && git add ./History.md && git commit -am 'changelog'",
     "changelog:init": "git config changelog.format \"* %s [[%h]($(echo $npm_package_repository_url|cut -d+ -f2|cut -d. -f1-2)/commit/%H)]\"",
     "changelog:install": "sudo apt-get install git-extras",
@@ -70,15 +72,15 @@
     }
   },
   "dependencies": {
-    "@applitools/driver": "1.9.26",
-    "@applitools/eyes-sdk-core": "13.8.26",
+    "@applitools/core": "1.3.7",
+    "@applitools/driver": "1.11.21",
     "@applitools/functional-commons": "1.6.0",
-    "@applitools/logger": "1.1.16",
+    "@applitools/logger": "1.1.36",
     "@applitools/monitoring-commons": "1.0.19",
-    "@applitools/spec-driver-puppeteer": "1.1.8",
-    "@applitools/test-server": "1.1.4",
-    "@applitools/utils": "1.3.10",
-    "@applitools/visual-grid-client": "15.13.21",
+    "@applitools/spec-driver-puppeteer": "1.1.31",
+    "@applitools/test-server": "1.1.16",
+    "@applitools/ufg-client": "1.1.12",
+    "@applitools/utils": "1.3.22",
     "boxen": "4.2.0",
     "chalk": "3.0.0",
     "detect-port": "1.3.0",
@@ -87,18 +89,20 @@
     "ora": "3.4.0",
     "puppeteer": "10.2.0",
     "strip-ansi": "6.0.0",
+    "throat": "6.0.1",
     "yargs": "15.4.1"
   },
   "devDependencies": {
     "@applitools/bongo": "^2.2.0",
-    "@applitools/scripts": "^1.1.0",
-    "@applitools/sdk-shared": "0.9.13",
+    "@applitools/scripts": "^1.2.0",
+    "@applitools/sdk-shared": "0.9.15",
     "@applitools/snaptdout": "^1.0.1",
     "@storybook/addon-interactions": "^6.4.18",
     "@storybook/react": "^6.4.18",
     "@storybook/testing-library": "^0.0.9",
     "@testing-library/dom": "^5.6.1",
     "babel-core": "^6.26.3",
+    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.0.6",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",

package/src/browser/getClientAPI.js

@@ -95,12 +95,20 @@ function getClientAPI() {
 
         case API_VERSIONS.v6_4: {
           api = {
-            getStories: () => {
+            getStories: async () => {
+              if (clientAPI.storyStore.cacheAllCSFFiles) {
+                await clientAPI.storyStore.cacheAllCSFFiles();
+              }
               return clientAPI.raw();
             },
-            selectStory: async i => {
+            selectStory: async (i, id) => {
+              let storyId = !clientAPI.storyStore.cacheAllCSFFiles ? clientAPI.raw()[i].id : id;
+              if (!storyId) {
+                await clientAPI.storyStore.cacheAllCSFFiles();
+                storyId = clientAPI.raw()[i].id;
+              }
               frameWindow.__STORYBOOK_PREVIEW__.urlStore.setSelection({
-                storyId: clientAPI.raw()[i].id,
+                storyId,
               });
               await frameWindow.__STORYBOOK_PREVIEW__.renderSelection();
             },

package/src/browser/getStories.js

@@ -104,9 +104,10 @@ async function getStories({timeout = DEFAULT_TIMEOUT} = {timeout: DEFAULT_TIMEOU
     }
   }
 
-  function getStoriesThroughClientAPI(clientApi) {
-    return clientApi.getStories().map((story, index) => {
-      const {name, kind, parameters} = story;
+  async function getStoriesThroughClientAPI(clientApi) {
+    const stories = await clientApi.getStories();
+    return stories.map((story, index) => {
+      const {name, kind, parameters, id} = story;
       const hasEyesParameters =
         parameters && parameters.eyes && typeof parameters.eyes === 'object';
       let parametersIfSerialized, error;
@@ -136,6 +137,7 @@ async function getStories({timeout = DEFAULT_TIMEOUT} = {timeout: DEFAULT_TIMEOU
         index,
         name,
         kind,
+        id,
         parameters: parametersIfSerialized,
         error,
       };

package/src/browser/getStoryByIndex.js

@@ -1,14 +1,14 @@
 const getClientAPI = require('./getClientAPI');
 
-function getStoryByIndex(index) {
+async function getStoryByIndex(index) {
   let api;
   try {
     api = getClientAPI();
-    const story = api.getStories()[index];
-    if (!story) {
+    const stories = await api.getStories();
+    if (!stories[index]) {
       console.log('error cannot get story', index);
     }
-    return story;
+    return stories[index];
   } catch (ex) {
     throw new Error(JSON.stringify({message: ex.message, version: api ? api.version : undefined}));
   }

package/src/browser/renderStoryWithClientAPI.js

@@ -1,11 +1,11 @@
 const getClientAPI = require('./getClientAPI');
 
-function renderStoryWithClientAPI(index) {
+function renderStoryWithClientAPI(index, id) {
   return new Promise(resolve => {
     let api;
     try {
       api = getClientAPI();
-      api.selectStory(index);
+      api.selectStory(index, id);
       api.onStoryRendered(resolve);
     } catch (ex) {
       resolve({message: ex.message, version: api ? api.version : undefined});

package/src/browser/runRunAfterScript.js

@@ -1,8 +1,8 @@
 const getStoryByIndex = require('./getStoryByIndex');
 
-function runRunAfterScript(index) {
+async function runRunAfterScript(index) {
   try {
-    const story = getStoryByIndex(index);
+    const story = await getStoryByIndex(index);
     if (!story) return;
     return story.parameters.eyes.runAfter({rootEl: document.getElementById('root'), story});
   } catch (ex) {

package/src/browser/runRunBeforeScript.js

@@ -1,8 +1,8 @@
 const getStoryByIndex = require('./getStoryByIndex');
 
-function runRunBeforeScript(index) {
+async function runRunBeforeScript(index) {
   try {
-    const story = getStoryByIndex(index);
+    const story = await getStoryByIndex(index);
     if (!story) return;
     return story.parameters.eyes.runBefore({rootEl: document.getElementById('root'), story: story});
   } catch (ex) {

package/src/cli.js

@@ -1,7 +1,7 @@
 'use strict';
 const yargs = require('yargs');
 const {makeLogger} = require('@applitools/logger');
-const {configParams: externalConfigParams} = require('@applitools/visual-grid-client');
+const {configParams: externalConfigParams} = require('./configParams');
 const VERSION = require('../package.json').version;
 const eyesStorybook = require('./eyesStorybook');
 const processResults = require('./processResults');
@@ -30,7 +30,6 @@ const {performance, timeItAsync} = makeTiming();
       .options(yargsOptions).argv;
 
     console.log(`Using @applitools/eyes-storybook version ${VERSION}.\n`);
-
     const config = generateConfig({argv, defaultConfig, externalConfigParams});
     const logger = makeLogger({level: config.showLogs ? 'info' : 'silent', label: 'eyes'});
     await validateAndPopulateConfig({config, logger, packagePath: process.cwd()});
@@ -62,7 +61,7 @@ const {performance, timeItAsync} = makeTiming();
       process.exit(config.exitcode ? exitCode : 0);
     }
   } catch (ex) {
-    console.log(ex.message);
+    console.log(ex);
     process.exit(1);
   }
 })();

package/src/configDigest.js

@@ -1,12 +1,13 @@
 'use strict';
-const {TypeUtils} = require('@applitools/eyes-sdk-core');
-const prettyValue = val => (!TypeUtils.isObject(val) ? val : JSON.stringify(val));
+const utils = require('@applitools/utils');
+const prettyValue = (key, val) =>
+  !utils.types.isObject(val, {name: key}) ? val : JSON.stringify(val);
 
 function configDigest(config) {
   const maxKeyLen = Object.keys(config).reduce((len, key) => Math.max(len, key.length), 0);
   return (
     Object.entries(config)
-      .map(([key, value]) => `${key.padEnd(maxKeyLen + 1)}: ${prettyValue(value)}`)
+      .map(([key, value]) => `${key.padEnd(maxKeyLen + 1)}: ${prettyValue(key, value)}`)
       .join('\n') + '\n'
   );
 }

package/src/configParams.js

@@ -0,0 +1,48 @@
+'use strict';
+
+const configParams = [
+  'appName',
+  'testName',
+  'displayName',
+  'browser',
+  'url',
+  'apiKey',
+  'showLogs',
+  'batch',
+  'batchId',
+  'batchName',
+  'batchSequenceName',
+  'batchSequence',
+  'properties',
+  'baselineBranchName',
+  'baselineBranch',
+  'baselineEnvName',
+  'baselineName',
+  'envName',
+  'ignoreCaret',
+  'isDisabled',
+  'matchLevel',
+  'parentBranchName',
+  'parentBranch',
+  'branchName',
+  'branch',
+  'proxy',
+  'autProxy',
+  'saveDiffs',
+  'saveFailedTests',
+  'saveNewTests',
+  'compareWithParentBranch',
+  'ignoreBaseline',
+  'serverUrl',
+  'concurrency',
+  'testConcurrency',
+  'useDom',
+  'enablePatterns',
+  'ignoreDisplacements',
+  'accessibilitySettings',
+  'notifyOnCompletion',
+  'batchNotify',
+  'dontCloseBatches',
+];
+
+module.exports = {configParams};

package/src/errMessages.js

@@ -37,9 +37,18 @@ function refineErrorMessage({prefix, error}) {
   return `${prefix} ${error.message.replace('Evaluation failed: ', '')}`;
 }
 
+function deprecationWarning({deprecatedThing, newThing, isDead}) {
+  const msg = isDead
+    ? `Notice: ${deprecatedThing} is no longer supported.`
+    : `Notice: ${deprecatedThing} has been renamed. Please use ${newThing} instead.\n`;
+
+  chalk.yellow(msg);
+}
+
 module.exports = {
   missingApiKeyFailMsg,
   missingAppNameAndPackageJsonFailMsg,
   missingAppNameInPackageJsonFailMsg,
   refineErrorMessage,
+  deprecationWarning,
 };

package/src/eyesStorybook.js

@@ -1,7 +1,6 @@
 'use strict';
 const puppeteer = require('puppeteer');
 const getStories = require('../dist/getStories');
-const {makeVisualGridClient} = require('@applitools/visual-grid-client');
 const {presult, delay} = require('@applitools/functional-commons');
 const chalk = require('chalk');
 const makeInitPage = require('./initPage');
@@ -16,12 +15,14 @@ const memoryLog = require('./memoryLog');
 const getIframeUrl = require('./getIframeUrl');
 const createPagePool = require('./pagePool');
 const getClientAPI = require('../dist/getClientAPI');
-const {takeDomSnapshots} = require('@applitools/eyes-sdk-core');
+const {takeDomSnapshots} = require('@applitools/core');
 const {Driver} = require('@applitools/driver');
 const spec = require('@applitools/spec-driver-puppeteer');
 const {refineErrorMessage} = require('./errMessages');
 const {splitConfigsByBrowser} = require('./shouldRenderIE');
 const executeRenders = require('./executeRenders');
+const {makeCore} = require('@applitools/core');
+const {makeUFGClient} = require('@applitools/ufg-client');
 
 const CONCURRENT_PAGES = 3;
 const MAX_RETRIES = 10;
@@ -39,7 +40,15 @@ async function eyesStorybook({
   let transitioning = false;
   takeMemLoop();
   logger.log('eyesStorybook started');
-  const {storybookUrl, waitBeforeCapture, readStoriesTimeout, reloadPagePerStory} = config;
+
+  const {
+    storybookUrl,
+    waitBeforeCapture,
+    readStoriesTimeout,
+    reloadPagePerStory,
+    proxy,
+    testConcurrency,
+  } = config;
 
   let iframeUrl;
   try {
@@ -48,24 +57,48 @@ async function eyesStorybook({
     logger.log(ex);
     throw new Error(`Storybook URL is not valid: ${storybookUrl}`);
   }
-
+  const agentId = `eyes-storybook/${require('../package.json').version}`;
   const browser = await puppeteer.launch(config.puppeteerOptions);
   logger.log('browser launched');
   const page = await browser.newPage();
-  const userAgent = await page.evaluate('navigator.userAgent');
+  const core = await makeCore({
+    spec,
+    concurrency: testConcurrency,
+    logger,
+    agentId,
+  });
+  const manager = await core.makeManager({
+    spec,
+    concurrency: testConcurrency,
+    agentId,
+    logger,
+    core,
+    type: 'ufg',
+  });
 
-  const {
-    testWindow,
-    closeBatch,
-    globalState,
-    getIosDevicesSizes,
-    getEmulatedDevicesSizes,
-    getResourceUrlsInCache,
-    getSetRenderInfo,
-  } = makeVisualGridClient({
-    userAgent,
-    ...config,
-    logger: logger.extend({label: 'vgc'}),
+  const settings = {
+    proxy: config.proxy,
+    serverUrl: config.serverUrl,
+    apiKey: config.apiKey,
+    agentId,
+  };
+  const [error, account] = await presult(core.getAccountInfo({settings, logger}));
+
+  if (error && error.message && error.message.includes('Unauthorized(401)')) {
+    const failMsg = 'Incorrect API Key';
+    logger.log(failMsg);
+    await browser.close();
+    clearTimeout(memoryTimeout);
+    throw new Error(failMsg);
+  }
+  const client = await makeUFGClient({
+    config: {
+      ...account.ufg,
+      ...account,
+      proxy,
+      concurrency: testConcurrency,
+    },
+    logger,
   });
 
   const initPage = makeInitPage({
@@ -78,21 +111,24 @@ 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 = getResourceUrlsInCache();
+    const skipResources = client.getCachedResourceUrls();
     const result = await takeDomSnapshots({
       logger,
       driver,
-      breakpoints: layoutBreakpoints !== undefined ? layoutBreakpoints : config.layoutBreakpoints,
-      browsers: 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.
-      skipResources,
-      showLogs: !!config.showLogs,
-      disableBrowserFetching: !!config.disableBrowserFetching,
-      getViewportSize: () => config.viewportSize,
-      getIosDevicesSizes,
-      getEmulatedDevicesSizes,
-      waitBeforeCapture,
+      settings: {
+        layoutBreakpoints:
+          layoutBreakpoints !== undefined ? layoutBreakpoints : config.layoutBreakpoints,
+        renderers,
+        waitBeforeCapture,
+        skipResources,
+        disableBrowserFetching: !!config.disableBrowserFetchin,
+      },
+      provides: {
+        getChromeEmulationDevices: client.getChromeEmulationDevices,
+        getIOSDevices: client.getIOSDevices,
+      },
     });
     return result;
   };
@@ -105,7 +141,6 @@ async function eyesStorybook({
     },
   });
   try {
-    await getSetRenderInfo();
     const [stories] = await Promise.all(
       [getStoriesWithSpinner()].concat(
         new Array(CONCURRENT_PAGES).fill().map(async () => {
@@ -128,13 +163,22 @@ async function eyesStorybook({
       takeDomSnapshots: doTakeDomSnapshots,
       waitBeforeCapture,
     });
-
+    const closeSettings = {
+      ...settings,
+      updateBaselineIfNew: config.saveNewTests,
+      updateBaselineIfDifferent: config.saveFailedTests,
+    };
     const renderStory = makeRenderStory({
       logger: logger.extend({label: 'renderStory'}),
-      testWindow,
+      openEyes: manager.openEyes,
       performance,
       timeItAsync,
       reloadPagePerStory,
+      storyDataGap: config.storyDataGap,
+      concurrency: testConcurrency,
+      appName: config.appName,
+      closeSettings,
+      serverSettings: settings,
     });
 
     const renderStories = makeRenderStories({
@@ -144,13 +188,10 @@ async function eyesStorybook({
       storybookUrl,
       logger,
       stream: outputStream,
-      waitForQueuedRenders: globalState.waitForQueuedRenders,
-      storyDataGap: config.storyDataGap,
       pagePool,
     });
 
     logger.log('finished creating functions');
-
     const configs = config.fakeIE ? splitConfigsByBrowser(config) : [config];
     const [error, results] = await presult(
       executeRenders({
@@ -164,11 +205,12 @@ async function eyesStorybook({
         timeItAsync,
       }),
     );
+    const [errorCloseManager, testResultsSummary] = await presult(
+      manager.closeManager({throwErr: false}),
+    );
 
-    const [closeBatchErr] = await presult(closeBatch());
-
-    if (closeBatchErr) {
-      logger.log('failed to close batch', closeBatchErr);
+    if (errorCloseManager) {
+      logger.log('failed to close manager', errorCloseManager);
     }
 
     if (error) {
@@ -176,7 +218,7 @@ async function eyesStorybook({
       logger.log(error);
       throw new Error(msg);
     } else {
-      return results;
+      return {summary: testResultsSummary, results};
     }
   } finally {
     logger.log('total time: ', performance['renderStories']);

package/src/generateConfig.js

@@ -1,10 +1,10 @@
 'use strict';
 const pick = require('lodash.pick');
 const utils = require('@applitools/utils');
-const {GeneralUtils} = require('@applitools/eyes-sdk-core');
 const {resolve} = require('path');
-const {deprecationWarning} = GeneralUtils;
+const {deprecationWarning} = require('./errMessages');
 const uniq = require('./uniq');
+const MAX_DATA_GAP = 60;
 
 function generateConfig({argv = {}, defaultConfig = {}, externalConfigParams = []}) {
   const defaultConfigParams = Object.keys(defaultConfig);
@@ -44,14 +44,51 @@ function generateConfig({argv = {}, defaultConfig = {}, externalConfigParams = [
     result.showLogs = true;
   }
 
-  if (!result.testConcurrency && !result.concurrency) {
-    result.testConcurrency = 5; // TODO require from core
+  result.testConcurrency = utils.types.isInteger(result.testConcurrency)
+    ? result.testConcurrency
+    : utils.types.isInteger(result.concurrency)
+    ? result.concurrency * 5
+    : 5;
+
+  result.serverUrl = result.serverUrl
+    ? result.serverUrl
+    : 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.saveNewTests = result.saveNewTests === undefined ? true : result.saveNewTests;
+  result.keepBatchOpen = result.dontCloseBatches;
+  result.fully = result.fully === undefined ? true : false;
+
+  if (result.batchName) {
+    result.batch = {name: result.batchName, ...result.batch};
+  }
+
+  if (result.batchId) {
+    result.batch = {id: result.batchId, ...result.batch};
   }
 
   if (result.storyDataGap === undefined) {
-    result.storyDataGap = result.testConcurrency;
+    result.storyDataGap = Math.max(
+      Math.min(result.testConcurrency * 2, MAX_DATA_GAP),
+      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

@@ -1,6 +1,5 @@
 'use strict';
 const {presult, ptimeoutWithError} = require('@applitools/functional-commons');
-const {ArgumentGuard} = require('@applitools/eyes-sdk-core');
 const renderStoryWithClientAPI = require('../dist/renderStoryWithClientAPI');
 const runRunBeforeScript = require('../dist/runRunBeforeScript');
 const getStoryBaselineName = require('./getStoryBaselineName');
@@ -9,9 +8,10 @@ const runRunAfterScript = require('../dist/runRunAfterScript');
 const waitFor = require('./waitFor');
 const PAGE_EVALUATE_TIMEOUT = 120000;
 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);
 
@@ -22,7 +22,7 @@ function makeGetStoryData({logger, takeDomSnapshots, waitBeforeCapture, reloadPa
       if (urlQueryParamsEquals(currentUrl, expectedQueryParams)) {
         try {
           const err = await ptimeoutWithError(
-            page.evaluate(renderStoryWithClientAPI, story.index),
+            page.evaluate(renderStoryWithClientAPI, story.index, story.id),
             PAGE_EVALUATE_TIMEOUT,
             new Error('page evaluate timed out!'),
           );
@@ -45,11 +45,7 @@ function makeGetStoryData({logger, takeDomSnapshots, waitBeforeCapture, reloadPa
 
     const wait = waitBeforeStory || waitBeforeCapture;
     if (typeof wait === 'number') {
-      ArgumentGuard.greaterThanOrEqualToZero(wait, 'waitBeforeCapture', true);
-    }
-    if (wait) {
-      logger.log(`waiting before screenshot of ${title} ${wait}`);
-      await waitFor(page, wait);
+      utils.guard.isGreaterThenOrEqual(wait, 0, {name: 'waitBeforeCapture'});
     }
 
     if (eyesParameters && eyesParameters.runBefore) {
@@ -59,10 +55,9 @@ 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/processResults.js

@@ -1,33 +1,34 @@
 'use strict';
 const flatten = require('lodash.flatten');
 const chalk = require('chalk');
-const {TestResultsError, TestResultsFormatter} = require('@applitools/eyes-sdk-core');
 const utils = require('@applitools/utils');
 const uniq = require('./uniq');
 const concurrencyMsg = require('./concurrencyMsg');
+const {formatters} = require('@applitools/core');
 
 function processResults({results = [], totalTime, testConcurrency, saveNewTests = true}) {
   let outputStr = '\n';
-  const formatter = new TestResultsFormatter();
   const pluralize = utils.general.pluralize;
-  let testResults = results.map(r => r.resultsOrErr);
-  testResults = flatten(testResults).filter(r => r.constructor.name !== 'Error');
-  const unresolved = testResults.filter(r => r.getIsDifferent());
-  const passedOrNew = testResults.filter(r => !r.getIsDifferent());
-  const newTests = testResults.filter(r => r.getIsNew());
+  let testResults = flatten(results.summary.results);
+  const unresolved = testResults.filter(r => r.result.isDifferent);
+  const passedOrNew = testResults.filter(r => r.result.status === 'Passed' || r.result.isNew);
+  const newTests = testResults.filter(r => r.result.isNew);
   const newTestsSize = newTests.length;
   const warnForUnsavedNewTests = !!(!saveNewTests && newTestsSize);
 
-  let errors = results.map(({title, resultsOrErr}) =>
-    Array.isArray(resultsOrErr)
-      ? resultsOrErr.map(err => ({err, title}))
-      : [{err: resultsOrErr, title}],
+  let errors = results.summary.results.map(result => [
+    {err: result.error, title: result.result.name},
+  ]);
+  errors = flatten(errors).filter(
+    ({err}) =>
+      err &&
+      !err.message.includes('detected differences') &&
+      !err.message.includes('Please approve the new baseline'),
   );
-  errors = flatten(errors).filter(({err}) => err.constructor.name === 'Error');
 
   const hasResults = unresolved.length || passedOrNew.length;
   const seeDetailsStr =
-    hasResults && `See details at ${(passedOrNew[0] || unresolved[0]).getAppUrls().getBatch()}`;
+    hasResults && `See details at ${(passedOrNew[0] || unresolved[0]).result.appUrls.batch}`;
 
   if (hasResults) {
     outputStr += `${seeDetailsStr}\n\n`;
@@ -82,7 +83,7 @@ function processResults({results = [], totalTime, testConcurrency, saveNewTests
     const countText =
       newTestsSize > 1
         ? `are ${newTestsSize} new tests`
-        : `is a new test: '${newTests[0].getName()}'`;
+        : `is a new test: '${newTests[0].result.name}'`;
     outputStr += chalk.red(
       `\n'saveNewTests' was set to false and there ${countText}. Please approve ${pluralize(
         newTestsSize,
@@ -101,20 +102,9 @@ function processResults({results = [], totalTime, testConcurrency, saveNewTests
     // TODO require from core
     outputStr += `\n${concurrencyMsg}\n`;
   }
-
-  passedOrNew.forEach(formatter.addTestResults.bind(formatter));
-  unresolved.forEach(formatter.addTestResults.bind(formatter));
-  errors.forEach(error => {
-    formatter.addTestResults(
-      new TestResultsError({
-        name: error.title,
-        error: error.err,
-      }),
-    );
-  });
+  const formatter = formatters.toJsonOutput(results.summary);
   const exitCode =
     !warnForUnsavedNewTests && passedOrNew.length && !errors.length && !unresolved.length ? 0 : 1;
-
   return {
     outputStr,
     formatter,
@@ -124,16 +114,14 @@ function processResults({results = [], totalTime, testConcurrency, saveNewTests
 
 function testResultsOutput(results, warnForUnsavedNewTests) {
   let outputStr = '';
-  const sortedTestResults = results.sort((a, b) => a.getName().localeCompare(b.getName()));
+  const sortedTestResults = results.sort((a, b) => a.result.name.localeCompare(b.result.name));
   sortedTestResults.forEach(result => {
-    const storyTitle = `${result.getName()} [${result.getHostApp()}] [${result
-      .getHostDisplaySize()
-      .toString()}] - `;
+    const storyTitle = `${result.result.name} [${result.result.hostApp}] [${result.result.hostDisplaySize.width}x${result.result.hostDisplaySize.height}] - `;
 
-    if (result.getIsNew()) {
+    if (result.result.isNew) {
       const newResColor = warnForUnsavedNewTests ? 'orange' : 'blue';
       outputStr += `${storyTitle}${chalk.keyword(newResColor)('New')}\n`;
-    } else if (result.isPassed()) {
+    } else if (!result.result.isDifferent) {
       outputStr += `${storyTitle}${chalk.green('Passed')}\n`;
     } else {
       outputStr += `${storyTitle}${chalk.keyword('orange')(`Unresolved`)}\n`;

package/src/renderStories.js

@@ -12,8 +12,6 @@ function makeRenderStories({
   storybookUrl,
   logger,
   stream,
-  waitForQueuedRenders,
-  storyDataGap,
   getClientAPI,
   maxPageTTL = 60000,
 }) {
@@ -39,7 +37,6 @@ function makeRenderStories({
 
     async function processStoryLoop() {
       if (currIndex === stories.length) return;
-
       const {page, pageId, markPageAsFree, removePage, getCreatedAt} = await pagePool.getFreePage();
       const livedTime = Date.now() - getCreatedAt();
       logger.log(`[prepareNewPage] got free page: ${pageId}, lived time: ${livedTime}`);
@@ -52,7 +49,7 @@ function makeRenderStories({
         return processStoryLoop();
       }
       logger.log(`[page ${pageId}] waiting for queued renders`);
-      await waitForQueuedRenders(storyDataGap);
+      // await waitForQueuedRenders(storyDataGap);
       logger.log(`[page ${pageId}] done waiting for queued renders`);
       const storyPromise = processStory();
       allStoriesPromise = allStoriesPromise.then(() => storyPromise);
@@ -69,7 +66,7 @@ function makeRenderStories({
             getStoryData({
               story,
               storyUrl,
-              browser: config.browser,
+              renderers: config.renderers,
               page,
               waitBeforeStory: waitBeforeCapture,
             }),
@@ -95,7 +92,7 @@ function makeRenderStories({
               getStoryData({
                 story,
                 storyUrl,
-                browser: config.browser,
+                renderers: config.renderers,
                 page: newPageObj.page,
                 waitBeforeStory: waitBeforeCapture,
               }),
@@ -112,15 +109,12 @@ function makeRenderStories({
             logger.log(errMsg);
             throw new Error(errMsg);
           }
-
           const testResults = await renderStory({
-            snapshot: storyData.snapshots,
-            cookies: storyData.cookies,
+            snapshots: storyData,
             url: storyUrl,
             story,
             config,
           });
-
           return onDoneStory(testResults, story);
         } catch (ex) {
           return onDoneStory(ex, story);
@@ -130,10 +124,9 @@ function makeRenderStories({
 
     function didTestPass({resultsOrErr}) {
       return (
+        resultsOrErr.constructor &&
         resultsOrErr.constructor.name !== 'Error' &&
-        resultsOrErr.every(
-          r => r.constructor.name !== 'Error' && r.getStatus && r.getStatus() === 'Passed',
-        )
+        resultsOrErr.every(r => !r.isDifferent && !r.isAborted && !r.isNew)
       );
     }
 

package/src/renderStory.js

@@ -1,10 +1,21 @@
 'use strict';
 const getStoryTitle = require('./getStoryTitle');
 const getStoryBaselineName = require('./getStoryBaselineName');
-const {deprecationWarning} = require('@applitools/eyes-sdk-core').GeneralUtils;
+const {deprecationWarning} = require('./errMessages');
+const throat = require('throat');
 
-function makeRenderStory({logger, testWindow, performance, timeItAsync}) {
-  return function renderStory({config, story, snapshot, url}) {
+function makeRenderStory({
+  logger,
+  openEyes,
+  performance,
+  timeItAsync,
+  storyDataGap,
+  appName,
+  closeSettings,
+  serverSettings,
+}) {
+  const throttle = throat(storyDataGap);
+  return function renderStory({config, story, snapshots, url}) {
     const {name, kind, parameters, hasPlayFunction} = story;
     const baselineName = getStoryBaselineName({name, kind, parameters});
     const title = getStoryTitle({name, kind, parameters});
@@ -36,6 +47,19 @@ function makeRenderStory({logger, testWindow, performance, timeItAsync}) {
       visualGridOptions,
       useDom,
       enablePatterns,
+      renderers,
+      keepBatchOpen,
+      batch,
+      branchName,
+      parentBranchName,
+      baselineBranchName,
+      compareWithParentBranch,
+      ignoreGitMergeBase,
+      baselineEnvName,
+      envName,
+      ignoreCaret,
+      matchLevel,
+      ignoreBaseline,
     } = eyesOptions;
 
     if (sizeMode) {
@@ -62,21 +86,30 @@ function makeRenderStory({logger, testWindow, performance, timeItAsync}) {
     const openParams = {
       testName: baselineName,
       displayName: title,
-      browser: config.browser,
       properties: storyProperties,
-      accessibilitySettings: accessibilityValidation,
+      appName,
+      keepBatchOpen,
+      batch,
+      branchName,
+      parentBranchName,
+      baselineBranchName,
+      compareWithParentBranch,
+      ignoreGitBranching: ignoreGitMergeBase,
+      baselineEnvName,
+      environmentName: envName,
+      ignoreBaseline,
+      ...serverSettings,
     };
-
     const checkParams = {
       url,
-      snapshot,
-      ignore: ignoreRegionsBackCompat,
-      floating: floatingRegions,
-      layout: layoutRegions,
-      strict: strictRegions,
-      content: contentRegions,
-      accessibility: accessibilityRegions,
-      scriptHooks,
+      ignoreRegions: ignoreRegionsBackCompat,
+      floatingRegions: mapFloatingRegions(floatingRegions),
+      layoutRegions,
+      strictRegions,
+      contentRegions,
+      accessibilityRegions: mapAccessibilityRegions(accessibilityRegions),
+      renderers,
+      hooks: scriptHooks,
       sizeMode,
       target,
       fully,
@@ -84,14 +117,100 @@ function makeRenderStory({logger, testWindow, performance, timeItAsync}) {
       region,
       tag,
       sendDom,
-      visualGridOptions,
+      ufgOptions: visualGridOptions,
       useDom,
       enablePatterns,
       ignoreDisplacements,
+      fully,
+      ignoreCaret,
+      matchLevel,
+      accessibilitySettings: accessibilityValidation
+        ? {
+            level: accessibilityValidation ? accessibilityValidation.level : undefined,
+            version: accessibilityValidation
+              ? accessibilityValidation.guidelinesVersion
+              : undefined,
+          }
+        : undefined,
     };
 
+    function mapAccessibilityRegions(accessabilityRegions) {
+      if (!accessabilityRegions) return;
+      if (!Array.isArray(accessabilityRegions)) accessabilityRegions = [accessabilityRegions];
+      return accessabilityRegions.map(region => {
+        const res = {
+          type: region.accessibilityType,
+        };
+        if (region.selector) {
+          res.region = region.selector;
+        } else if (region.region && isRegion(region.region)) {
+          res.region = {
+            y: region.region.top,
+            x: region.region.left,
+            width: region.region.width,
+            height: region.region.height,
+          };
+        } else {
+          return;
+        }
+        return res;
+      });
+    }
+
+    function mapFloatingRegions(floatingRegions) {
+      if (!floatingRegions) return;
+      if (!Array.isArray(floatingRegions)) floatingRegions = [floatingRegions];
+      return floatingRegions.map(region => {
+        let res = {
+          offset: {
+            bottom: region.maxDownOffset || 0,
+            left: region.maxLeftOffset || 0,
+            top: region.maxUpOffset || 0,
+            right: region.maxRightOffset || 0,
+          },
+        };
+        if (region.selector) {
+          res.region = region.selector;
+        } else if (region.region && isRegion(region.region)) {
+          res.region = {
+            y: region.region.top,
+            x: region.region.left,
+            width: region.region.width,
+            height: region.region.height,
+          };
+        } else {
+          return;
+        }
+        return res;
+      });
+    }
+
+    function isRegion(region) {
+      if (
+        region.hasOwnProperty('top') &&
+        region.hasOwnProperty('left') &&
+        region.hasOwnProperty('width') &&
+        region.hasOwnProperty('height')
+      ) {
+        return true;
+      }
+    }
+
     return timeItAsync(baselineName, async () => {
-      return testWindow({openParams, checkParams, throwEx: false});
+      const {checkAndClose} = await openEyes({settings: openParams});
+      return new Promise((resolve, reject) => {
+        throttle(async () => {
+          try {
+            const checkResults = await checkAndClose({
+              settings: {...checkParams, ...closeSettings, throwEx: false},
+              target: snapshots,
+            });
+            resolve(checkResults);
+          } catch (ex) {
+            reject(ex);
+          }
+        });
+      });
     }).then(onDoneStory);
 
     function onDoneStory(results) {

package/src/shouldRenderIE.js

@@ -1,7 +1,7 @@
 function splitConfigsByBrowser(config) {
-  const browsers = validateBrowsers(config);
-  if (browsers.length) {
-    const result = browsers.reduce(
+  const renderers = validateBrowsers(config);
+  if (renderers.length) {
+    const result = renderers.reduce(
       ([nonIE, IE], browser) => {
         if (isIE(browser)) {
           IE.push(browser);
@@ -14,7 +14,7 @@ function splitConfigsByBrowser(config) {
     );
 
     return result.reduce(
-      (acc, browser) => (browser.length > 0 ? acc.concat({...config, browser}) : acc),
+      (acc, browser) => (browser.length > 0 ? acc.concat({...config, renderers: browser}) : acc),
       [],
     );
   } else {
@@ -35,8 +35,8 @@ function isIE(browser) {
 }
 
 function validateBrowsers(config) {
-  if (config.browser) {
-    return Array.isArray(config.browser) ? config.browser : [config.browser];
+  if (config.renderers) {
+    return Array.isArray(config.renderers) ? config.renderers : [config.renderers];
   } else {
     return [];
   }

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`,