added lighthouse performance audit

Author: uncleejay

cypress.config.js

@@ -1,9 +1,15 @@
 const { defineConfig } = require("cypress");
-
+const { lighthouse, prepareAudit } = require("@cypress-audit/lighthouse");
 module.exports = defineConfig({
   e2e: {
     setupNodeEvents(on, config) {
       // implement node event listeners here
-    },
+      on("before:browser:launch", (browser = {}, launchOptions) => {
+        prepareAudit(launchOptions);
+    }),
+    on("task", {
+      lighthouse: lighthouse()
+      });
+    }
   },
 });

cypress/e2e/home.cy.js

@@ -47,4 +47,18 @@ describe('Judge.Me Site', () => {
     it('should validate currency filter to select EUR', () => {
         search_po.validateCurrencyFilter()
     })
+
+    it('should run lighthouse performance audit', () => {
+        const thresholds = {
+            performance: 50,
+            accessibility: 75,
+            seo: 60,
+            pwa: 50,
+            };
+        const lighthouseConfig = {
+            formFactor: 'desktop',
+            screenEmulation: { disabled: true },
+        };
+        cy.lighthouse(thresholds, lighthouseConfig);
+    });
 });

cypress/support/commands.js

@@ -23,6 +23,7 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+import '@cypress-audit/lighthouse/commands';
 
 Cypress.Commands.add('performSearch', (keyword) => {
     // Enter a keyword in the search bar and press Enter