@trackunit/iris-app-e2e 1.8.86-alpha-3d825eabffe.0 → 1.8.86

package/README.md

@@ -53,8 +53,7 @@ npm install cypress @testing-library/cypress --save-dev
 Create a `cypress/support/e2e.ts` file:
 
 ```typescript
-// Import browser-only utilities from /support (NOT the base path)
-import { setupDefaultCommands, setupE2E } from '@trackunit/iris-app-e2e/support';
+import { setupDefaultCommands, setupE2E } from '@trackunit/iris-app-e2e';
 
 // Set up E2E environment
 setupE2E();

package/index.cjs.js

@@ -4,8 +4,6 @@ var fs = require('fs');
 var path = require('path');
 var crypto = require('crypto');
 var nodeXlsx = require('node-xlsx');
-var cypressPreset = require('@nx/cypress/plugins/cypress-preset');
-var nxTsconfigPaths_plugin = require('@nx/vite/plugins/nx-tsconfig-paths.plugin');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -26,6 +24,138 @@ function _interopNamespaceDefault(e) {
 
 var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 
+/**
+ * Sets up default Cypress commands for E2E testing.
+ * Adds custom commands like getByTestId, login, enterIrisApp, etc.
+ */
+function setupDefaultCommands() {
+    Cypress.Commands.add("getByTestId", {
+        prevSubject: ["optional"],
+    }, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (subject, testId, options = {}) => {
+        const selector = `[data-testid="${testId}"]`;
+        const timeout = options.timeout ?? 15000;
+        if (subject) {
+            if (Cypress.dom.isElement(subject) || Cypress.dom.isJquery(subject)) {
+                return cy.wrap(subject, { timeout }).find(selector, { timeout });
+            }
+            else if (Cypress.dom.isWindow(subject)) {
+                return cy.get(selector, { timeout });
+            }
+            else if (Array.isArray(subject)) {
+                const element = subject.map(el => cy.wrap(el, { timeout }).find(selector, { timeout }));
+                if (element[0]) {
+                    return element[0];
+                }
+                return cy.wrap(null);
+            }
+            return cy.get(selector, { timeout });
+        }
+        else {
+            return cy.get(selector, { timeout });
+        }
+    });
+    Cypress.Commands.add("login", fixture => {
+        const envUrl = `${Cypress.config().baseUrl}/env`;
+        cy.log(`Getting env from: ${envUrl}`);
+        cy.request({
+            method: "GET",
+            url: envUrl,
+            headers: {
+                "Content-Type": "application/json",
+            },
+        }).then(envResponse => {
+            const env = envResponse.body;
+            const domain = env.auth?.url;
+            if (!(Boolean(domain))) {
+                throw new Error(`No domain found from servers /env found env: ${JSON.stringify(env)}`);
+            }
+            cy.log(`Using: ${domain}`);
+            cy.clearCookies();
+            cy.fixture(fixture ?? "auth").then(({ username, password }) => {
+                const options = {
+                    warnBeforePasswordExpired: true,
+                    multiOptionalFactorEnroll: false,
+                };
+                cy.request({
+                    method: "POST",
+                    url: `${domain}/api/v1/authn`,
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: {
+                        username,
+                        password,
+                        options,
+                    },
+                })
+                    .then(response => {
+                    if (response.isOkStatusCode) {
+                        const sessionToken = response.body.sessionToken;
+                        return cy.visit(`/auth/manager-classic#session_token=${sessionToken}&fleetHome=true`);
+                    }
+                    else {
+                        throw new Error(`Could not get a session token for user: ${username}, ${JSON.stringify(response)}`);
+                    }
+                })
+                    .then(() => cy.url({ timeout: 20000 }).should("not.include", "manager-classic")) // Wait for redirect away from manager-classic
+                    .url()
+                    .should("contain", `${Cypress.config().baseUrl}`);
+                cy.get("#host-layout-content", { timeout: 15000 }).should("be.visible"); // Wait for host layout to be visible
+            });
+        });
+    });
+    Cypress.Commands.add("switchToLocalDevMode", () => {
+        cy.getByTestId("developerPortalNav").click();
+        cy.url({ timeout: 15000, log: true }).should("contain", "/iris-sdk-portal");
+        //eslint-disable-next-line @typescript-eslint/no-explicit-any
+        cy.getByTestId("localDevModeSwitch-input").then(($ele) => {
+            if ($ele && !$ele.is(":checked")) {
+                cy.getByTestId("localDevModeSwitch-thumb").click();
+            }
+        });
+    });
+    Cypress.Commands.add("enterIrisApp", options => {
+        return cy
+            .get(`iframe[data-testid="${options?.testId ?? "app-iframe"}"]`, { timeout: 30000 })
+            .first()
+            .its("0.contentDocument.body", { timeout: 30000, log: true })
+            .should("not.be.empty")
+            .then($body => {
+            return () => cy.wrap($body);
+        });
+    });
+    Cypress.Commands.add("enterStorybookPreview", options => {
+        return cy
+            .get(`iframe[id="${options?.testId ?? "storybook-preview-iframe"}"]`, { timeout: 30000 })
+            .first()
+            .its("0.contentDocument.body", { timeout: 30000, log: true })
+            .should("not.be.empty")
+            .then($body => {
+            return () => cy.wrap($body);
+        });
+    });
+    Cypress.Commands.add("getValidateFeatureFlags", () => {
+        cy.intercept({ url: "**/ValidateFeatureFlags" }).as("ValidateFeatureFlags");
+        cy.intercept({ url: "**/UserPermissions" }).as("UserPermissions");
+        cy.intercept({ url: "**/ActiveSubscription" }).as("ActiveSubscription");
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let ccData = null;
+    Cypress.Commands.add("configCat", value => {
+        if (!ccData) {
+            cy.wait("@ValidateFeatureFlags").then(intercept => {
+                ccData = intercept.response?.body?.data?.featureFlags;
+                return ccData?.find((ff) => ff.key === value).state;
+            });
+        }
+        else {
+            return ccData?.find((ff) => ff.key === value).state;
+        }
+    });
+}
+
 /* eslint-disable no-console */
 /**
  * Writes a file with Prettier formatting applied.
@@ -246,7 +376,7 @@ function sanitizeForFilename(str) {
  * // Returns: "Test with - special chars (passed) (attempt 3)"
  */
 function fileNameBuilder(testName, state, currentRetry) {
-    const fileName = `${testName} ${""} (${state.toLowerCase()})`;
+    const fileName = `${testName} ${currentRetry !== undefined ? `(Attempt ${currentRetry + 1})` : ""} (${state.toLowerCase()})`;
     return sanitizeForFilename(fileName);
 }
 
@@ -379,44 +509,71 @@ const setupPlugins = (on, config, logWriter, installHarGenerator) => {
     return config;
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
- * Creates the standard NX E2E preset configuration for Cypress.
- * This wraps the @nx/cypress preset with our default Vite configuration.
- *
- * @param filename - Pass `__filename` from the calling cypress.config.ts
- * @example
- * ```ts
- * import { createNxPreset, CypressPluginConfig, defaultCypressConfig, setupPlugins } from "@trackunit/iris-app-e2e";
- * import { defineConfig } from "cypress";
- *
- * const nxPreset = createNxPreset(__filename);
- *
- * export default defineConfig({
- *   chromeWebSecurity: false,
- *   e2e: {
- *     ...nxPreset,
- *     ...defaultCypressConfig(__dirname),
- *     async setupNodeEvents(on, config: CypressPluginConfig) {
- *       await nxPreset.setupNodeEvents?.(on, config);
- *       return setupPlugins(on, config, formatter, installHarGenerator);
- *     },
- *   },
- * });
- * ```
+ * Sets up HAR (HTTP Archive) recording for E2E tests.
+ * Records network activity and saves HAR files for failed tests.
  */
-function createNxPreset(filename) {
-    return cypressPreset.nxE2EPreset(filename, {
-        bundler: "vite",
-        cypressDir: "cypress",
-        viteConfigOverrides: {
-            configFile: false,
-            plugins: [nxTsconfigPaths_plugin.nxViteTsPaths()],
+function setupHarRecording() {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    require("@neuralegion/cypress-har-generator/commands");
+    beforeEach(() => {
+        const harDir = Cypress.env("hars_folders");
+        cy.recordHar({ rootDir: harDir });
+    });
+    afterEach(function () {
+        if (this.currentTest.state === "failed") {
+            const harDir = Cypress.env("hars_folders");
+            const testName = fileNameBuilder(`${Cypress.currentTest.titlePath[0]} - ${Cypress.currentTest.title}`, "failed", Cypress.currentRetry);
+            cy.saveHar({ outDir: harDir, fileName: testName });
+        }
+    });
+}
+
+/**
+ * Sets up the E2E testing environment with HAR recording and terminal logging.
+ */
+function setupE2E() {
+    setupHarRecording();
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    require("cypress-terminal-report/src/installLogsCollector")({
+        xhr: {
+            printHeaderData: true,
+            printRequestData: true,
         },
     });
+    Cypress.on("uncaught:exception", (err) => {
+        // eslint-disable-next-line no-console
+        console.log("Caught Error: ", err);
+        // returning false here prevents Cypress from
+        // failing the test
+        return false;
+    });
+}
+const originalDescribe = global.describe;
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+if (originalDescribe) {
+    const codeowner = Cypress.env("codeowner");
+    const addOwnerToTitle = (title) => {
+        return codeowner ? title + ` [${codeowner}]` : title;
+    };
+    function patchedDescribe(title, fn) {
+        return originalDescribe(addOwnerToTitle(title), fn);
+    }
+    patchedDescribe.only = (title, fn) => {
+        return originalDescribe.only(addOwnerToTitle(title), fn);
+    };
+    patchedDescribe.skip = (title, fn) => {
+        return originalDescribe.skip(addOwnerToTitle(title), fn);
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    global.describe = patchedDescribe;
 }
 
 exports.createLogFile = createLogFile;
-exports.createNxPreset = createNxPreset;
 exports.defaultCypressConfig = defaultCypressConfig;
+exports.setupDefaultCommands = setupDefaultCommands;
+exports.setupE2E = setupE2E;
+exports.setupHarRecording = setupHarRecording;
 exports.setupPlugins = setupPlugins;
 exports.writeFileWithPrettier = writeFileWithPrettier;

package/index.esm.js

@@ -3,8 +3,138 @@ import * as path from 'path';
 import path__default from 'path';
 import crypto from 'crypto';
 import { parse } from 'node-xlsx';
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+
+/**
+ * Sets up default Cypress commands for E2E testing.
+ * Adds custom commands like getByTestId, login, enterIrisApp, etc.
+ */
+function setupDefaultCommands() {
+    Cypress.Commands.add("getByTestId", {
+        prevSubject: ["optional"],
+    }, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (subject, testId, options = {}) => {
+        const selector = `[data-testid="${testId}"]`;
+        const timeout = options.timeout ?? 15000;
+        if (subject) {
+            if (Cypress.dom.isElement(subject) || Cypress.dom.isJquery(subject)) {
+                return cy.wrap(subject, { timeout }).find(selector, { timeout });
+            }
+            else if (Cypress.dom.isWindow(subject)) {
+                return cy.get(selector, { timeout });
+            }
+            else if (Array.isArray(subject)) {
+                const element = subject.map(el => cy.wrap(el, { timeout }).find(selector, { timeout }));
+                if (element[0]) {
+                    return element[0];
+                }
+                return cy.wrap(null);
+            }
+            return cy.get(selector, { timeout });
+        }
+        else {
+            return cy.get(selector, { timeout });
+        }
+    });
+    Cypress.Commands.add("login", fixture => {
+        const envUrl = `${Cypress.config().baseUrl}/env`;
+        cy.log(`Getting env from: ${envUrl}`);
+        cy.request({
+            method: "GET",
+            url: envUrl,
+            headers: {
+                "Content-Type": "application/json",
+            },
+        }).then(envResponse => {
+            const env = envResponse.body;
+            const domain = env.auth?.url;
+            if (!(Boolean(domain))) {
+                throw new Error(`No domain found from servers /env found env: ${JSON.stringify(env)}`);
+            }
+            cy.log(`Using: ${domain}`);
+            cy.clearCookies();
+            cy.fixture(fixture ?? "auth").then(({ username, password }) => {
+                const options = {
+                    warnBeforePasswordExpired: true,
+                    multiOptionalFactorEnroll: false,
+                };
+                cy.request({
+                    method: "POST",
+                    url: `${domain}/api/v1/authn`,
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: {
+                        username,
+                        password,
+                        options,
+                    },
+                })
+                    .then(response => {
+                    if (response.isOkStatusCode) {
+                        const sessionToken = response.body.sessionToken;
+                        return cy.visit(`/auth/manager-classic#session_token=${sessionToken}&fleetHome=true`);
+                    }
+                    else {
+                        throw new Error(`Could not get a session token for user: ${username}, ${JSON.stringify(response)}`);
+                    }
+                })
+                    .then(() => cy.url({ timeout: 20000 }).should("not.include", "manager-classic")) // Wait for redirect away from manager-classic
+                    .url()
+                    .should("contain", `${Cypress.config().baseUrl}`);
+                cy.get("#host-layout-content", { timeout: 15000 }).should("be.visible"); // Wait for host layout to be visible
+            });
+        });
+    });
+    Cypress.Commands.add("switchToLocalDevMode", () => {
+        cy.getByTestId("developerPortalNav").click();
+        cy.url({ timeout: 15000, log: true }).should("contain", "/iris-sdk-portal");
+        //eslint-disable-next-line @typescript-eslint/no-explicit-any
+        cy.getByTestId("localDevModeSwitch-input").then(($ele) => {
+            if ($ele && !$ele.is(":checked")) {
+                cy.getByTestId("localDevModeSwitch-thumb").click();
+            }
+        });
+    });
+    Cypress.Commands.add("enterIrisApp", options => {
+        return cy
+            .get(`iframe[data-testid="${options?.testId ?? "app-iframe"}"]`, { timeout: 30000 })
+            .first()
+            .its("0.contentDocument.body", { timeout: 30000, log: true })
+            .should("not.be.empty")
+            .then($body => {
+            return () => cy.wrap($body);
+        });
+    });
+    Cypress.Commands.add("enterStorybookPreview", options => {
+        return cy
+            .get(`iframe[id="${options?.testId ?? "storybook-preview-iframe"}"]`, { timeout: 30000 })
+            .first()
+            .its("0.contentDocument.body", { timeout: 30000, log: true })
+            .should("not.be.empty")
+            .then($body => {
+            return () => cy.wrap($body);
+        });
+    });
+    Cypress.Commands.add("getValidateFeatureFlags", () => {
+        cy.intercept({ url: "**/ValidateFeatureFlags" }).as("ValidateFeatureFlags");
+        cy.intercept({ url: "**/UserPermissions" }).as("UserPermissions");
+        cy.intercept({ url: "**/ActiveSubscription" }).as("ActiveSubscription");
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let ccData = null;
+    Cypress.Commands.add("configCat", value => {
+        if (!ccData) {
+            cy.wait("@ValidateFeatureFlags").then(intercept => {
+                ccData = intercept.response?.body?.data?.featureFlags;
+                return ccData?.find((ff) => ff.key === value).state;
+            });
+        }
+        else {
+            return ccData?.find((ff) => ff.key === value).state;
+        }
+    });
+}
 
 /* eslint-disable no-console */
 /**
@@ -226,7 +356,7 @@ function sanitizeForFilename(str) {
  * // Returns: "Test with - special chars (passed) (attempt 3)"
  */
 function fileNameBuilder(testName, state, currentRetry) {
-    const fileName = `${testName} ${""} (${state.toLowerCase()})`;
+    const fileName = `${testName} ${currentRetry !== undefined ? `(Attempt ${currentRetry + 1})` : ""} (${state.toLowerCase()})`;
     return sanitizeForFilename(fileName);
 }
 
@@ -359,40 +489,65 @@ const setupPlugins = (on, config, logWriter, installHarGenerator) => {
     return config;
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
- * Creates the standard NX E2E preset configuration for Cypress.
- * This wraps the @nx/cypress preset with our default Vite configuration.
- *
- * @param filename - Pass `__filename` from the calling cypress.config.ts
- * @example
- * ```ts
- * import { createNxPreset, CypressPluginConfig, defaultCypressConfig, setupPlugins } from "@trackunit/iris-app-e2e";
- * import { defineConfig } from "cypress";
- *
- * const nxPreset = createNxPreset(__filename);
- *
- * export default defineConfig({
- *   chromeWebSecurity: false,
- *   e2e: {
- *     ...nxPreset,
- *     ...defaultCypressConfig(__dirname),
- *     async setupNodeEvents(on, config: CypressPluginConfig) {
- *       await nxPreset.setupNodeEvents?.(on, config);
- *       return setupPlugins(on, config, formatter, installHarGenerator);
- *     },
- *   },
- * });
- * ```
+ * Sets up HAR (HTTP Archive) recording for E2E tests.
+ * Records network activity and saves HAR files for failed tests.
  */
-function createNxPreset(filename) {
-    return nxE2EPreset(filename, {
-        bundler: "vite",
-        cypressDir: "cypress",
-        viteConfigOverrides: {
-            configFile: false,
-            plugins: [nxViteTsPaths()],
+function setupHarRecording() {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    require("@neuralegion/cypress-har-generator/commands");
+    beforeEach(() => {
+        const harDir = Cypress.env("hars_folders");
+        cy.recordHar({ rootDir: harDir });
+    });
+    afterEach(function () {
+        if (this.currentTest.state === "failed") {
+            const harDir = Cypress.env("hars_folders");
+            const testName = fileNameBuilder(`${Cypress.currentTest.titlePath[0]} - ${Cypress.currentTest.title}`, "failed", Cypress.currentRetry);
+            cy.saveHar({ outDir: harDir, fileName: testName });
+        }
+    });
+}
+
+/**
+ * Sets up the E2E testing environment with HAR recording and terminal logging.
+ */
+function setupE2E() {
+    setupHarRecording();
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    require("cypress-terminal-report/src/installLogsCollector")({
+        xhr: {
+            printHeaderData: true,
+            printRequestData: true,
         },
     });
+    Cypress.on("uncaught:exception", (err) => {
+        // eslint-disable-next-line no-console
+        console.log("Caught Error: ", err);
+        // returning false here prevents Cypress from
+        // failing the test
+        return false;
+    });
+}
+const originalDescribe = global.describe;
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+if (originalDescribe) {
+    const codeowner = Cypress.env("codeowner");
+    const addOwnerToTitle = (title) => {
+        return codeowner ? title + ` [${codeowner}]` : title;
+    };
+    function patchedDescribe(title, fn) {
+        return originalDescribe(addOwnerToTitle(title), fn);
+    }
+    patchedDescribe.only = (title, fn) => {
+        return originalDescribe.only(addOwnerToTitle(title), fn);
+    };
+    patchedDescribe.skip = (title, fn) => {
+        return originalDescribe.skip(addOwnerToTitle(title), fn);
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    global.describe = patchedDescribe;
 }
 
-export { createLogFile, createNxPreset, defaultCypressConfig, setupPlugins, writeFileWithPrettier };
+export { createLogFile, defaultCypressConfig, setupDefaultCommands, setupE2E, setupHarRecording, setupPlugins, writeFileWithPrettier };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/iris-app-e2e",
-  "version": "1.8.86-alpha-3d825eabffe.0",
+  "version": "1.8.86",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "generators": "./generators.json",
@@ -10,20 +10,10 @@
   "dependencies": {
     "@neuralegion/cypress-har-generator": "^5.17.0",
     "@nx/cypress": "22.4.4",
-    "@nx/devkit": "22.4.4",
-    "@nx/vite": "22.4.4",
     "cypress-terminal-report": "7.0.3",
     "node-xlsx": "^0.23.0",
-    "prettier": "^3.4.2"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "module": "./index.esm.js",
-      "types": "./index.d.ts",
-      "import": "./index.cjs.mjs",
-      "default": "./index.cjs.js"
-    }
+    "prettier": "^3.4.2",
+    "@nx/devkit": "22.4.4"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/index.d.ts

@@ -1,13 +1,6 @@
-/**
- * Node.js-compatible exports for Cypress config files (cypress.config.ts).
- * These can be safely imported in Node.js context during config processing.
- *
- * For browser-only exports (commands, setup functions that use Cypress global),
- * import from "@trackunit/iris-app-e2e/support" instead.
- */
+export * from "./commands/defaultCommands";
 export * from "./plugins/createLogFile";
 export * from "./plugins/defaultPlugins";
-export * from "./plugins/nxPreset";
 export * from "./plugins/writeFileWithPrettier";
-export type { CypressPluginConfig, E2EBehaviorConfig, E2EConfigOptions, E2EPluginConfig, E2EProjectConfig, } from "./plugins/defaultPlugins";
-export type { Formatter } from "./plugins/writeFileWithPrettier";
+export * from "./setup/defaultE2ESetup";
+export * from "./setup/setupHarRecording";

package/src/setup/setupHarRecording.d.ts

@@ -1,4 +1,3 @@
-import "@neuralegion/cypress-har-generator/commands";
 /**
  * Sets up HAR (HTTP Archive) recording for E2E tests.
  * Records network activity and saves HAR files for failed tests.

package/index.cjs.default.js

@@ -1 +0,0 @@
-exports._default = require('./index.cjs.js').default;

package/index.cjs.mjs

@@ -1,2 +0,0 @@
-export * from './index.cjs.js';
-export { _default as default } from './index.cjs.default.js';

package/src/plugins/nxPreset.d.ts

@@ -1,27 +0,0 @@
-import { nxE2EPreset } from "@nx/cypress/plugins/cypress-preset";
-/**
- * Creates the standard NX E2E preset configuration for Cypress.
- * This wraps the @nx/cypress preset with our default Vite configuration.
- *
- * @param filename - Pass `__filename` from the calling cypress.config.ts
- * @example
- * ```ts
- * import { createNxPreset, CypressPluginConfig, defaultCypressConfig, setupPlugins } from "@trackunit/iris-app-e2e";
- * import { defineConfig } from "cypress";
- *
- * const nxPreset = createNxPreset(__filename);
- *
- * export default defineConfig({
- *   chromeWebSecurity: false,
- *   e2e: {
- *     ...nxPreset,
- *     ...defaultCypressConfig(__dirname),
- *     async setupNodeEvents(on, config: CypressPluginConfig) {
- *       await nxPreset.setupNodeEvents?.(on, config);
- *       return setupPlugins(on, config, formatter, installHarGenerator);
- *     },
- *   },
- * });
- * ```
- */
-export declare function createNxPreset(filename: string): ReturnType<typeof nxE2EPreset>;

package/src/support.d.ts

@@ -1,8 +0,0 @@
-/**
- * Browser-only exports for Cypress support files.
- * These modules depend on the Cypress global and must only be imported
- * in Cypress support files, NOT in cypress.config.ts or other Node.js contexts.
- */
-export * from "./commands/defaultCommands";
-export * from "./setup/defaultE2ESetup";
-export * from "./setup/setupHarRecording";