fix(cy): Disable spell checking in the browser

Signed-off-by: Max <[email protected]>

cypress.config.mjs

@@ -32,6 +32,24 @@ export default defineConfig({
 			cypressSplit(on, config)
 			configureVisualRegression(on)
 
+			// Disable spell checking to prevent rendering differences
+			on('before:browser:launch', (browser, launchOptions) => {
+				if (browser.family === 'chromium' && browser.name !== 'electron') {
+					launchOptions.preferences.default['browser.enable_spellchecking'] = false
+					return launchOptions
+				}
+
+				if (browser.family === 'firefox') {
+					launchOptions.preferences['layout.spellcheckDefault'] = 0
+					return launchOptions
+				}
+
+				if (browser.name === 'electron') {
+					launchOptions.preferences.spellcheck = false
+					return launchOptions
+				}
+			})
+
 			return config
 		},
 

cypress/e2e/print.spec.js

@@ -26,7 +26,7 @@ describe('Open print.md and compare print view', function() {
 			.get('h1:not(.hidden-visually)').should('contain', 'Print test')
 			.should('be.visible')
 
-		cy.compareSnapshot('print view in viewer', { capture: 'fullPage' })
+		cy.compareSnapshot('print view in viewer')
 		cy.setCssMedia('screen')
 	})
 
@@ -45,7 +45,7 @@ describe('Open print.md and compare print view', function() {
 					.get('h1:not(.hidden-visually)').should('contain', 'Print test')
 					.should('be.visible')
 
-				cy.compareSnapshot('print view in single-file share', { capture: 'fullPage' })
+				cy.compareSnapshot('print view in single-file share')
 				cy.setCssMedia('screen')
 			})
 	})

cypress/support/commands.js

@@ -11,7 +11,7 @@ import { addCompareSnapshotCommand } from 'cypress-visual-regression/dist/comman
 // eslint-disable-next-line no-unused-vars,n/no-extraneous-import
 import regeneratorRuntime from 'regenerator-runtime'
 
-addCompareSnapshotCommand()
+addCompareSnapshotCommand({ capture: 'fullPage' })
 
 const url = Cypress.config('baseUrl').replace(/\/index.php\/?$/g, '')
 Cypress.env('baseUrl', url)