chore(chromatic): tuned configuration (#3795)

chore(chromatic): configuration

Author: greg-in-a-box

.storybook/preview.tsx

@@ -21,6 +21,8 @@ const preview = {
     parameters: {
         chromatic: {
             cropToViewport: true,
+            delay: 500,
+            diffThreshold: 0.1,
             modes: {
                 specific: {
                     viewport: {

src/components/time/ReadableTime.stories.js

@@ -52,5 +52,8 @@ export default {
     component: ReadableTime,
     parameters: {
         notes,
+        chromatic: {
+            disableSnapshot: true,
+        },
     },
 };

src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js

@@ -248,6 +248,9 @@ export default {
         },
     },
     parameters: {
+        chromatic: {
+            ignoreSelectors: ['[data-testid="content-answers-question-input-avatar"]'], // highly inconsistent in snapshots
+        },
         msw: {
             handlers: [
                 http.post(mockEventRequest.url, () => {

src/features/security-cloud-game/stories/SecurityCloudGame.stories.js

@@ -13,5 +13,8 @@ export default {
     component: SecurityCloudGame,
     parameters: {
         notes,
+        chromatic: {
+            disableSnapshot: true,
+        },
     },
 };