v0.3.10 improved cypress for Bitloops

Author: danias

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-bitloops",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "description": "Next.js with TypeScript, Tailwind, Storybook and Cypress generator by Bitloops",
   "license": "MIT",
   "author": "Bitloops S.A.",

package.json

@@ -1,32 +1,25 @@
 import { defineConfig } from 'cypress';
-import * as fs from 'fs';
-import * as path from 'path';
 
 export default defineConfig({
   e2e: {
     specPattern: "**/*.cy.{ts,tsx}",
     supportFile: false,
     testIsolation: false,
-    setupNodeEvents(on) {
-      on('task', {
-        saveTestResults(results) {
-          const resultsPath = path.join(__dirname, '.', 'cypress', 'results', 'results.json');
-          if (!fs.existsSync(resultsPath)) {
-            fs.writeFileSync(resultsPath, '[]'); // Create file if it doesn't exist
-          }
-          const existingResults = JSON.parse(fs.readFileSync(resultsPath, 'utf8'));
-          existingResults.push(JSON.parse(results));
-          fs.writeFileSync(resultsPath, JSON.stringify(existingResults, null, 2));
-          return null; // Indicate the task was successful
-        }
-      });
-    },
   },
   reporter: "mochawesome",
-    reporterOptions: {
-      reportDir: "cypress/results",
-      overwrite: true,
-      html: true,
-      json: true,
-    },
+  reporterOptions: {
+    reportDir: "cypress/results",
+    overwrite: true,
+    html: true,
+    json: true,
+    reportTitle: "Component Testing",
+    reportPageTitle: "Bitloops Component Testing",
+    charts: true,
+    reportFilename: "report",
+    code: true,
+    showPassed: true,
+    showFailed: true,
+    showSkipped: true,
+    saveJson: true,
+  },
 });

setup/templates/cypress.config.ts

@@ -11,6 +11,13 @@ export const isOutOfBounds = (inRect: DOMRect, outRect: DOMRect): boolean => {
   return isOut;
 };
 
+export const isOutOfHorizontalBounds = (inRect: DOMRect, outRect: DOMRect): boolean => {
+  const isOut =
+    inRect.left < outRect.left ||
+    inRect.right > outRect.right;
+  return isOut;
+};
+
 export const hasHorizontalScroll = (document: Document): boolean => {
   const scrollingElement = document.scrollingElement;
   if (!scrollingElement) {