Increase diff threshold for UI tests: #2292 #2630 #2629

web/components/chat/ChatContainer/ChatContainer.stories.tsx

@@ -8,7 +8,7 @@ export default {
   title: 'owncast/Chat/Chat messages container',
   component: ChatContainer,
   parameters: {
-    chromatic: { diffThreshold: 0.2 },
+    chromatic: { diffThreshold: 0.8 },
     docs: {
       description: {
         component: `

web/components/chat/ChatTextField/ChatTextField.stories.tsx

@@ -33,7 +33,7 @@ export default {
   component: ChatTextField,
   parameters: {
     fetchMock: mocks,
-    chromatic: { diffThreshold: 0.2 },
+    chromatic: { diffThreshold: 0.8 },
 
     design: {
       type: 'image',

web/components/modals/BrowserNotifyModal/BrowserNotifyModal.stories.tsx

@@ -14,6 +14,7 @@ export default {
   title: 'owncast/Modals/Browser Notifications',
   component: BrowserNotifyModal,
   parameters: {
+    chromatic: { diffThreshold: 0.7 },
     design: {
       type: 'image',
       url: BrowserNotifyModalMock,

web/stories/ReadwriteChat.stories.tsx

@@ -14,7 +14,7 @@ export default {
   title: 'owncast/Chat/Embeds/Read-write chat',
   component: ReadWritePage,
   parameters: {
-    chromatic: { diffThreshold: 0.2 },
+    chromatic: { diffThreshold: 0.8 },
   },
 } as ComponentMeta<typeof ReadWritePage>;