cypress colocation + upgrade

tests/cypress.config.js → cypress.config.ts

@@ -7,7 +7,9 @@ module.exports = defineConfig({
   env: {
     failSilently: false,
   },
+  supportFile: "./cypress/support/index.ts",
   e2e: {
+    specPattern: "**/*.*cy.*",
     setupNodeEvents(on, config) {
       getCompareSnapshotsPlugin(on, config);
     },

cypress/plugins/index.ts

@@ -0,0 +1,4 @@
+module.exports = (on, config) => {
+  const getCompareSnapshotsPlugin = require("cypress-visual-regression/dist/plugin");
+  getCompareSnapshotsPlugin(on, config);
+};

cypress/support/index.d.ts

@@ -0,0 +1,10 @@
+
+declare namespace Cypress {
+  interface Chainable<Subject = any>{
+    nextStep(): Chainable<any>;
+    prevStep(): Chainable<any>;
+  }
+  interface Window {
+    introJs: any;
+  }
+}

cypress/support/index.ts

@@ -0,0 +1,24 @@
+/// <reference types="./index.d.ts" />
+
+import compareSnapshotCommand from "cypress-visual-regression/dist/command";
+
+compareSnapshotCommand({
+  capture: "fullPage",
+});
+
+Cypress.Commands.add("nextStep", () => {
+  cy.get(".introjs-nextbutton").click();
+});
+
+Cypress.Commands.add("prevStep", () => {
+  cy.get(".introjs-prevbutton").click();
+});
+
+Cypress.on("window:before:load", (win) => {
+  const htmlNode = win.document.querySelector("html");
+  const node = win.document.createElement("style");
+  node.innerHTML = "html { scroll-behavior: inherit !important; }";
+  htmlNode?.appendChild(node);
+});
+
+import "cypress-real-events/support";