chore: update cypress

Author: joshuaellis

cypress.config.ts

@@ -0,0 +1,28 @@
+import { defineConfig } from 'cypress'
+import { addMatchImageSnapshotPlugin } from '@simonsmith/cypress-image-snapshot/plugin'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    video: false,
+    scrollBehavior: false,
+    fixturesFolder: false,
+    screenshotOnRunFailure: false,
+    excludeSpecPattern: ['**/__snapshots__/*'],
+    viewportHeight: 600,
+    viewportWidth: 1200,
+    setupNodeEvents(on) {
+      addMatchImageSnapshotPlugin(on)
+
+      on('before:browser:launch', (browser, launchOptions) => {
+        launchOptions.args.push('--force-device-scale-factor=1')
+
+        if (browser.name === 'electron' && browser.isHeadless) {
+          console.log(launchOptions)
+        }
+
+        return launchOptions
+      })
+    },
+  },
+})

cypress.json

@@ -9,9 +9,6 @@ describe('Parallax - vertical', () => {
   })
 
   it('should translate layers as expected', () => {
-    // initial snapshot
-    console.log(HEIGHT, WIDTH)
-
     cy.findByTestId('container').matchImageSnapshot('vertical #1', {
       clip: { x: 0, y: 0, width: WIDTH, height: HEIGHT },
     })