fix: format files and add tests for pending-diff tasks to restore coverage

- Run prettier on commands.ts and support.ts (fix lint CI failure)
- Add c8 ignore on browser-only template helpers in support.ts
- Add unit tests for recordPendingDiffTask, getPendingDiffsTask, and
  clearPendingDiffsTask to bring function coverage back above 90%

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: FRSgit

packages/cypress-plugin-visual-regression-diff/src/commands.ts

@@ -254,30 +254,27 @@ Cypress.Commands.add(
               imgDiffBase64: res.imgDiffBase64 ?? '',
               message: res.message ?? '',
             };
-            return (
-              cy
-                .task<number>(TASK.recordPendingDiff, record, { log: false })
-                .then((count) => {
-                  /* c8 ignore start */
-                  if (top) {
-                    const badge = top.document.querySelector(
-                      `.${FAB_BADGE_CLASS}`,
+            return cy
+              .task<number>(TASK.recordPendingDiff, record, { log: false })
+              .then((count) => {
+                /* c8 ignore start */
+                if (top) {
+                  const badge = top.document.querySelector(
+                    `.${FAB_BADGE_CLASS}`,
+                  );
+                  if (badge) {
+                    badge.textContent = String(count);
+                    badge.removeAttribute('hidden');
+                    badge.classList.add(`${FAB_BADGE_CLASS}--pulse`);
+                    setTimeout(
+                      () => badge.classList.remove(`${FAB_BADGE_CLASS}--pulse`),
+                      700,
                     );
-                    if (badge) {
-                      badge.textContent = String(count);
-                      badge.removeAttribute('hidden');
-                      badge.classList.add(`${FAB_BADGE_CLASS}--pulse`);
-                      setTimeout(
-                        () =>
-                          badge.classList.remove(`${FAB_BADGE_CLASS}--pulse`),
-                        700,
-                      );
-                    }
                   }
-                  /* c8 ignore stop */
-                  return matchImageReturn;
-                }) as unknown as Cypress.MatchImageReturn
-            );
+                }
+                /* c8 ignore stop */
+                return matchImageReturn;
+              }) as unknown as Cypress.MatchImageReturn;
           }
 
           throw constructCypressError(log, new Error(res.message));

packages/cypress-plugin-visual-regression-diff/src/support.ts

@@ -1,6 +1,12 @@
 import * as Base64 from '@frsource/base64';
 import './commands';
-import { FAB_CLASS, FAB_BADGE_CLASS, LINK_PREFIX, OVERLAY_CLASS, TASK } from './constants';
+import {
+  FAB_CLASS,
+  FAB_BADGE_CLASS,
+  LINK_PREFIX,
+  OVERLAY_CLASS,
+  TASK,
+} from './constants';
 import type { PendingDiffRecord } from './types';
 
 const CAROUSEL_CLASS = 'cp-visual-regression-diff-carousel';
@@ -78,11 +84,15 @@ export const generateOverlayTemplate = ({
   </div>
 </div>`;
 
+/* c8 ignore start */
 const generateDiffPanelHTML = ({
   imgNewBase64,
   imgOldBase64,
   imgDiffBase64,
-}: Pick<PendingDiffRecord, 'imgNewBase64' | 'imgOldBase64' | 'imgDiffBase64'>) =>
+}: Pick<
+  PendingDiffRecord,
+  'imgNewBase64' | 'imgOldBase64' | 'imgDiffBase64'
+>) =>
   `<div style="display:flex;justify-content:space-evenly;align-items:flex-start;gap:15px;flex-wrap:wrap">
     <div
       style="position:relative;background:#fff;border:solid 15px #fff"
@@ -169,6 +179,7 @@ const generateCarouselTemplate = () =>
       <button data-type="next" style="background:transparent;border:1px solid #4a5568;color:#a0aec0;padding:8px 14px;border-radius:4px;cursor:pointer">Next →</button>
     </footer>
   </div>`;
+/* c8 ignore stop */
 
 /* c8 ignore start */
 function showFABSuccess() {
@@ -200,7 +211,9 @@ function openCarousel(diffs: PendingDiffRecord[]) {
     carouselEl
       .find('[data-carousel-counter]')
       .text(`Image ${index + 1} of ${diffs.length}`);
-    carouselEl.find('[data-carousel-title]').text(`${diff.title} – screenshot diff`);
+    carouselEl
+      .find('[data-carousel-title]')
+      .text(`${diff.title} – screenshot diff`);
     (carouselEl.find('[data-type="prev"]')[0] as HTMLButtonElement).disabled =
       index === 0;
     (carouselEl.find('[data-type="next"]')[0] as HTMLButtonElement).disabled =

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

@@ -9,6 +9,9 @@ import {
   getScreenshotPathInfoTask,
   CompareImagesCfg,
   cleanupImagesTask,
+  recordPendingDiffTask,
+  getPendingDiffsTask,
+  clearPendingDiffsTask,
 } from './task.hook';
 import { generateScreenshotPath } from './screenshotPath.utils';
 import { IMAGE_SNAPSHOT_PREFIX } from './constants';
@@ -383,3 +386,39 @@ describe('doesFileExistsTask', () => {
     ).toBe(true);
   });
 });
+
+describe('pendingDiffs tasks', () => {
+  const record = {
+    title: 'test title',
+    imgPath: 'some/path.png',
+    imgOldPath: 'some/old.png',
+    imgNewBase64: 'newbase64',
+    imgOldBase64: 'oldbase64',
+    imgDiffBase64: 'diffbase64',
+    message: 'images differ',
+  };
+
+  beforeEach(() => {
+    clearPendingDiffsTask();
+  });
+
+  it('recordPendingDiffTask adds record and returns count', () => {
+    expect(recordPendingDiffTask(record)).toBe(1);
+    expect(recordPendingDiffTask(record)).toBe(2);
+  });
+
+  it('getPendingDiffsTask returns all recorded diffs', () => {
+    recordPendingDiffTask(record);
+    recordPendingDiffTask({ ...record, title: 'other' });
+    const diffs = getPendingDiffsTask();
+    expect(diffs).toHaveLength(2);
+    expect(diffs[0]).toEqual(record);
+    expect(diffs[1].title).toBe('other');
+  });
+
+  it('clearPendingDiffsTask empties the list and returns null', () => {
+    recordPendingDiffTask(record);
+    expect(clearPendingDiffsTask()).toBeNull();
+    expect(getPendingDiffsTask()).toHaveLength(0);
+  });
+});