chore(demo-cypress): improve Cypress snapshots quality

taiga-family · Oct 4, 2024 · ce1d647 · ce1d647
1 parent 56d4a18
commit ce1d647
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/projects/demo-cypress/cypress.config.ts b/projects/demo-cypress/cypress.config.ts
@@ -46,7 +46,26 @@ export default defineConfig({
         specPattern: 'src/tests/**/*.cy.ts',
         experimentalSingleTabRunMode: true,
         setupNodeEvents(on, config) {
-            return getCompareSnapshotsPlugin(on, config);
+            const updatedConfigs = getCompareSnapshotsPlugin(on, config);
+
+            on('before:browser:launch', (browser, launchOptions) => {
+                if (browser.name === 'chrome') {
+                    launchOptions.args.push(
+                        '--font-render-hinting=none', // prevent inconsistent text rendering in headless mode
+                        '--force-device-scale-factor=2', // force screen to be retina
+                        '--high-dpi-support=1',
+                        '--force-prefers-reduced-motion',
+                        '--force-color-profile=srgb',
+                        '--disable-dev-shm-usage',
+                        '--disable-gpu',
+                        '--incognito',
+                    );
+                }
+
+                return launchOptions;
+            });
+
+            return updatedConfigs;
         },
     },
 });
diff --git a/projects/demo-cypress/project.json b/projects/demo-cypress/project.json
@@ -12,7 +12,8 @@
                 "cypressConfig": "{projectRoot}/cypress.config.ts",
                 "testingType": "component",
                 "skipServe": true,
-                "devServerTarget": "demo:build"
+                "devServerTarget": "demo:build",
+                "browser": "chrome"
             }
         }
     }