docs: update next example to not update images every time

Author: FRSgit

examples/next/package.json

@@ -4,7 +4,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "cypress": "cypress open --env \"pluginVisualRegressionUpdateImages=true,pluginVisualRegressionImagesPath={spec_path}/__image_snapshots_local__\"",
+    "cypress": "cypress open --env \"pluginVisualRegressionImagesPath={spec_path}/__image_snapshots_local__\"",
     "cypress:ci": "cypress run --env \"pluginVisualRegressionUpdateImages=true\"",
     "test:e2e": "start-server-and-test dev http://localhost:3000 \"pnpm cypress --e2e\"",
     "test:e2e:ci": "start-server-and-test dev http://localhost:3000 \"pnpm cypress:ci --e2e\"",

packages/cypress-plugin-visual-regression-diff/src/task.hook.ts

@@ -103,10 +103,15 @@ export const compareImagesTask = async (
     const diff = new PNG({ width, height });
     const diffConfig = Object.assign({ includeAA: true }, cfg.diffConfig);
 
+    const diffOutput = new Uint8Array(
+      diff.data.buffer,
+      diff.data.byteOffset,
+      diff.data.byteLength,
+    );
     const diffPixels = pixelmatch(
       new Uint8Array(imgNew.data),
       new Uint8Array(imgOld.data),
-      new Uint8Array(diff.data),
+      diffOutput,
       width,
       height,
       diffConfig,