chore: snapshot only on canvas

dream-num · Oct 11, 2024 · 640b2dc · 640b2dc
1 parent 5e7efe6
commit 640b2dc
Showing 1 changed file with 3 additions and 26 deletions.
diff --git a/e2e/visual-comparison/sheets/sheets-visual-comparison.spec.ts b/e2e/visual-comparison/sheets/sheets-visual-comparison.spec.ts
@@ -26,15 +26,7 @@ test('diff default sheet content', async ({ page }) => {
 
     // await expect(page).toHaveScreenshot(generateSnapshotName('default-sheet'), { maxDiffPixels: 5 });
     const filename = generateSnapshotName('default-sheet');
-    // ignore DOM part when comparison
-    const screenshot = await page.screenshot({
-        clip: {
-            x: 0,
-            y: 92,
-            width: 1280,
-            height: 592, // 720 - 92(header) - 36(bottom)
-        },
-    });
+    const screenshot = await page.locator('#univer-sheet-main-canvas').screenshot();
     await expect(screenshot).toMatchSnapshot(filename, { maxDiffPixels: 5 });
 });
 const isCI = !!process.env.CI;
@@ -56,15 +48,7 @@ test('diff demo sheet content', async ({ page }) => {
     // await expect(page).toHaveScreenshot(generateSnapshotName('demo-sheet'), { maxDiffPixels: 5 });
 
     const filename = generateSnapshotName('demo-sheet');
-    // ignore DOM part when comparison
-    const screenshot = await page.screenshot({
-        clip: {
-            x: 0,
-            y: 92,
-            width: 1280,
-            height: 592, // 720 - 92(header) - 36(bottom)
-        },
-    });
+    const screenshot = await page.locator('#univer-sheet-main-canvas').screenshot();
     await expect(screenshot).toMatchSnapshot(filename, { maxDiffPixels: 5 });
     await page.waitForTimeout(2000);
     expect(errored).toBeFalsy();
@@ -155,14 +139,7 @@ test('diff merged cells rendering after scrolling', async () => {
 
     // await expect(page).toHaveScreenshot(generateSnapshotName('mergedCellsRenderingScrolling'), { maxDiffPixels: 5 });
     const filename = generateSnapshotName('mergedCellsRenderingScrolling');
-    const screenshot = await page.screenshot({
-        clip: {
-            x: 0,
-            y: 92,
-            width: 1280,
-            height: 1152,
-        },
-    });
+    const screenshot = await page.locator('#univer-sheet-main-canvas').screenshot();
     await expect(screenshot).toMatchSnapshot(filename, { maxDiffPixels: 5 });
 
     await page.waitForTimeout(2000);