fix(vrt): Applitools error (#5153)

* adding check of test code supplied by Applitools

* update timeouts on VRT tests

Author: Dottenpixel

.github/workflows/vrt.yml

@@ -63,7 +63,7 @@ jobs:
 
       - name: Applitools
         run: 'VRT_MODE=${{ env.VRT_MODE }} npx eyes-storybook'
-        timeout-minutes: 30
+        timeout-minutes: 40
         env:
           NODE_OPTIONS: --openssl-legacy-provider # per https://candid.technology/error-error-0308010c-digital-envelope-routines-unsupported/
 
@@ -96,7 +96,7 @@ jobs:
 
       - name: Applitools
         run: 'STORYBOOK_SLDS_VERSION=legacy npx eyes-storybook --conf applitools.legacy.config.js' # -u https://${REVIEW_APP_NAME}.herokuapp.com
-        timeout-minutes: 30
+        timeout-minutes: 40
         env:
           NODE_OPTIONS: --openssl-legacy-provider # per https://candid.technology/error-error-0308010c-digital-envelope-routines-unsupported/
 
@@ -129,7 +129,7 @@ jobs:
 
       - name: Applitools
         run: 'STORYBOOK_SLDS_VERSION=mobile npx eyes-storybook --conf applitools.mobile.config.js' # -u https://${REVIEW_APP_NAME}.herokuapp.com
-        timeout-minutes: 30
+        timeout-minutes: 40
         env:
           NODE_OPTIONS: --openssl-legacy-provider # per https://candid.technology/error-error-0308010c-digital-envelope-routines-unsupported/
 

ui/components/map/index.stories.js

@@ -11,6 +11,34 @@ const storyOptions = {
   isFullBleed: true
 };
 
+export const DynamicText = () => {
+  return (
+    <div>
+      This text is dynamic and should be ignored:{" "}
+      <span style={{ color: "red" }} className="ignore-this">
+        {Date.now()}
+      </span>
+    </div>
+  );
+};
+
+DynamicText.story = {
+  name: "Dynamic text with ignore region",
+  parameters: {
+    eyes: {
+      ignoreRegions: [
+        {
+          selector: ".ignore-this",
+        },
+      ],
+      scriptHooks: {
+        beforeCaptureScreenshot:
+          "document.querySelector('[data-testid=cancel-the-cancel] .eldyear3').style.overflow = 'visible';document.querySelector('[data-testid=cancel-the-cancel]').style.maxHeight = 'calc(100% - 16px)'",
+      },
+    },
+  },
+};
+
 generateStories(
   patternName,
   examples,