test: set dpr to 2

e2e/visual-comparison/sheet/sheets-visual-comparison.spec.ts

@@ -26,21 +26,22 @@ test('diff default sheet content', async ({ page }) => {
 
     await expect(page).toHaveScreenshot(generateSnapshotName('default-sheet'), { maxDiffPixels: 5 });
 });
+const isCI = !!process.env.CI;
 
 test('diff demo sheet content', async () => {
     const browser = await chromium.launch({
-        headless: true, //!!CI, // Set to false to see the browser window
+        headless: !!isCI, // Set to false to see the browser window
     });
     const context = await browser.newContext({
         viewport: { width: 1280, height: 1280 },
-        deviceScaleFactor: 1, // Set your desired DPR
+        deviceScaleFactor: 2, // Set your desired DPR
     });
     const page = await context.newPage();
     await page.goto('http://localhost:3000/sheets/');
     await page.waitForTimeout(2000);
 
     await page.evaluate(() => window.E2EControllerAPI.loadDemoSheet());
-    await page.waitForTimeout(2000);
+    await page.waitForTimeout(5000);
 
     await expect(page).toHaveScreenshot(generateSnapshotName('demo-sheet'), { maxDiffPixels: 5 });
 });
@@ -50,11 +51,11 @@ test('diff demo sheet content', async () => {
  */
 test('diff merged cells rendering', async () => {
     const browser = await chromium.launch({
-        headless: true, //!!CI, // Set to false to see the browser window
+        headless: !!isCI, // Set to false to see the browser window
     });
     const context = await browser.newContext({
         viewport: { width: 1280, height: 1280 },
-        deviceScaleFactor: 1, // Set your desired DPR
+        deviceScaleFactor: 2, // Set your desired DPR
     });
     const page = await context.newPage();
     await page.goto('http://localhost:3000/sheets/');
@@ -67,14 +68,13 @@ test('diff merged cells rendering', async () => {
 
     await browser.close();
 });
-const isCI = !!process.env.CI;
-test('diff merged cells rendering after scrolling', async ({}) => {
+test('diff merged cells rendering after scrolling', async () => {
     const browser = await chromium.launch({
-        headless: true, //!!isCI, // Set to false to see the browser window in local
+        headless: !!isCI, // Set to false to see the browser window in local
     });
     const context = await browser.newContext({
         viewport: { width: 1280, height: 1280 },
-        deviceScaleFactor: 1, // Set your desired DPR
+        deviceScaleFactor: 2, // Set your desired DPR
     });
     const page = await context.newPage();
     await page.goto('http://localhost:3000/sheets/');
@@ -123,7 +123,7 @@ test('diff merged cells rendering after scrolling', async ({}) => {
         await dispatchWheelEvent(0, 100, element);
         await dispatchWheelEvent(0, -100, element);
     });
-    await page.waitForTimeout(4000);
+    await page.waitForTimeout(2000);
 
     await expect(page).toHaveScreenshot(generateSnapshotName('mergedCellsRenderingScrolling'), { maxDiffPixels: 5 });