test: stabilize disk palette and table scrolling checks

Author: StekPerepolnen

tests/suites/nodes/pdisksPreview.test.ts

@@ -15,6 +15,9 @@ import {setupPDiskPreviewMocks} from './pdisksPreviewMocks';
 
 const settingTitle = 'Compact PDisk previews';
 const previewSelector = '.ydb-storage-pdisks-preview__control';
+// Linux ARM64 and x64 round translucent disk colors differently by 1–2 RGB levels.
+// Keep exact palette comparisons against a baseline from the same architecture.
+const paletteArchitecture = process.platform === 'linux' ? `-${process.arch}` : '';
 
 async function openNodeDisks(page: Page) {
     await new NodesPage(page).goto({clusterName: 'preview-test', backend: 'https://preview.test'});
@@ -84,11 +87,14 @@ for (const theme of ['light', 'dark']) {
         };
         // Keep previews and their original controls together in the same reference image.
         // Tiny translucent squares need exact comparison to catch missing color layers.
-        await expect(page).toHaveScreenshot(`pdisk-preview-palette-${theme}.png`, {
-            clip,
-            threshold: 0,
-            maxDiffPixels: 0,
-        });
+        await expect(page).toHaveScreenshot(
+            `pdisk-preview-palette-${theme}${paletteArchitecture}.png`,
+            {
+                clip,
+                threshold: 0,
+                maxDiffPixels: 0,
+            },
+        );
 
         // As in vdiskColoring.test.ts, force every tone's hover state for one stable snapshot.
         await previews.locator('.ydb-storage-pdisks-preview__color').evaluateAll((elements) => {
@@ -101,11 +107,14 @@ for (const theme of ['light', 'dark']) {
                 element.classList.add('storage-disk-progress-bar_highlighted'),
             );
         });
-        await expect(page).toHaveScreenshot(`pdisk-preview-palette-${theme}-hover.png`, {
-            clip,
-            threshold: 0,
-            maxDiffPixels: 0,
-        });
+        await expect(page).toHaveScreenshot(
+            `pdisk-preview-palette-${theme}-hover${paletteArchitecture}.png`,
+            {
+                clip,
+                threshold: 0,
+                maxDiffPixels: 0,
+            },
+        );
     });
 }