added before and after hooks to Cypress

cypress/integration/vns/i18n.spec.ts

@@ -36,7 +36,7 @@ describe("i18n", () => {
       cy.resetDefaultLanguage();
     });
     // @see https://glebbahmutov.com/blog/ssr-e2e/ for testing recipes
-    it.only("should add fr as language and pass correct language direction", () => {
+    it("should add fr as language and pass correct language direction", () => {
       cy.setLanguage("fr");
       // request instead of visit prevents client rehydratation, we just test the static code
       // => faster test when we don't need to test rehydration

cypress/support/after.ts

@@ -0,0 +1,5 @@
+after(() => {
+  console.info("Running after hook from 'cypress/support/after.ts'");
+  // disable debugging
+  window.localStorage.removeItem("debug");
+});

cypress/support/before.ts

@@ -0,0 +1,17 @@
+/**
+ * Initialize debug with NPM debug
+ *
+ * Note: this is a client-side file, prefix environment variables with CYPRESS_ if necessary
+ */
+before(() => {
+  console.info("Running Cypress before hook from 'cypress/support/before.ts'");
+  const debugEnv = Cypress.env("DEBUG"); // Set CYPRESS_DEBUG if you want this variable to be defined (the CYPRESS_ prefix is scrapped out automatically)
+  if (!(debugEnv && debugEnv === "false")) {
+    const debugLevel = debugEnv || "vns:*";
+    console.info("Enabling debug with namespace", debugLevel);
+    console.info(
+      "Run Cypress with CYPRESS_DEBUG=false to disable, or CYPRESS_DEBUG=<your-namespace> to change the debug namespace"
+    );
+    window.localStorage.setItem("debug", debugLevel);
+  }
+});

cypress/support/index.js

@@ -22,3 +22,7 @@ import "./commands";
 // code coverage
 // NOTE: this file is passed to the browser => we can't access process.env.COVERAGE
 import "@cypress/code-coverage/support";
+
+// code run before/after all tests
+import "./before";
+import "./after";

package.json

@@ -16,7 +16,7 @@
     "test:unit": "jest --testPathIgnorePatterns=tests/vns",
     "test:vns": "jest --testPathPattern=tests/vns && npm run test:e2e # run tests for Vulcan Next Starter itself, eg scripts (long) ",
     "cypress:open": "cross-env CYPRESS_coverage=false cypress open",
-    "cypress:run": "cross-env CYPRESS_coverage=false cypress run --headless",
+    "cypress:run": "cross-env CYPRESS_DEBUG=false CYPRESS_coverage=false cypress run --headless",
     "coverage:e2e": "cross-env COVERAGE=1 npm run build && start-server-and-test start:test http://localhost:3000 'COVERAGE=1 cypress run'",
     "coverage:unit": "jest --coverage",
     "precoverage": "rm -rf .nyc_output || true # delete previous nyx instrumentation",