try pixelmatch

cypress/integration/rendering/classDiagram.spec.js

@@ -19,7 +19,7 @@ describe('Class diagram', () => {
       Class07 : Object[] elementData
       Class01 : size()
       Class01 : int chimp
-      Class01 : int gorilla
+      Class01 : int gorillaGorilla
       Class01 : -int privateChimp
       Class01 : +int publicGorilla
       Class01 : #int protectedMarmoset

cypress/integration/rendering/flowchart-v2.spec.js

@@ -8,7 +8,6 @@ describe('Flowchart v2', () => {
       B --> C{Let me think}
       C -->|One| D[Laptop]
       C -->|Two| E[iPhone]
-      C -->|Three| F[fa:fa-car Car]
       `,
       {}
     );

cypress/integration/rendering/pie.spec.ts

@@ -51,7 +51,7 @@ describe('pie chart', () => {
   it('should render a pie diagram when useMaxWidth is false', () => {
     renderGraph(
       `pie title Sports in Sweden
-        "Bandy": 40
+        "Bandy": 140
         "Ice-Hockey": 80
         "Football": 90
       `,

cypress/integration/rendering/stateDiagram.spec.js

@@ -5,8 +5,8 @@ describe('State diagram', () => {
     imgSnapshotTest(
       `
     stateDiagram
-    [*] --> State1
+    [*] --> State122
-    State1 --> [*]
+    State122 --> [*]
       `,
       { logLevel: 0, fontFamily: 'courier' }
     );
@@ -18,7 +18,7 @@ describe('State diagram', () => {
       stateDiagram
 
       [*] --> S1
-      state "Some long name" as S1
+      state "Some long names" as S1
       `,
       { logLevel: 0, fontFamily: 'courier' }
     );

cypress/support/commands.js

@@ -26,12 +26,4 @@
 
 import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
 
-addMatchImageSnapshotCommand({
+addMatchImageSnapshotCommand();
-  comparisonMethod: 'ssim',
-  failureThreshold: 0.01,
-  failureThresholdType: 'percent',
-  customDiffConfig: {
-    ssim: 'fast',
-  },
-  blur: 1,
-});