feat(cypress) Update cypress to use typescript (POC)

.gitignore

@@ -64,6 +64,8 @@ smoke-test/spark-smoke-test/__pycache__/
 **/cypress/videos
 **/cypress/screenshots
 **/cypress/node_modules
+# cypress env var file for local dev
+**/cypress.env.json
 
 # Metadata Ingestion Generated
 metadata-ingestion/generated/**

smoke-test/tests/cypress/cypress.config.js → smoke-test/tests/cypress/cypress.config.ts

@@ -1,7 +1,6 @@
-// eslint-disable-next-line global-require
-const { defineConfig } = require("cypress");
+import { defineConfig } from "cypress";
 
-module.exports = defineConfig({
+export default defineConfig({
   chromeWebSecurity: false,
   viewportHeight: 960,
   viewportWidth: 1536,
@@ -13,11 +12,11 @@ module.exports = defineConfig({
   },
   video: false,
   e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
-    setupNodeEvents(on, config) {
-      // eslint-disable-next-line global-require
-      return require("./cypress/plugins/index")(on, config);
+    async setupNodeEvents(on, config) {
+      const { default: setupPlugins } = await import(
+        "./cypress/plugins/index.js"
+      );
+      return setupPlugins(on, config);
     },
     baseUrl: "http://localhost:9002/",
     specPattern: "cypress/e2e/**/*.{js,jsx,ts,tsx}",

smoke-test/tests/cypress/cypress/e2e/browse/browseV2.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("search", () => {
   beforeEach(() => {

smoke-test/tests/cypress/cypress/e2e/businessAttribute/attribute_mutations.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("attribute list adding tags and terms", () => {
   let businessAttributeEntityEnabled;

smoke-test/tests/cypress/cypress/e2e/businessAttribute/businessAttribute.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("businessAttribute", () => {
   let businessAttributeEntityEnabled;

smoke-test/tests/cypress/cypress/e2e/home/home.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("home", () => {
   let businessAttributeEntityEnabled;

smoke-test/tests/cypress/cypress/e2e/homeV2/v2_home.ts

@@ -0,0 +1,23 @@
+import "../../support/commands"; // This import makes the commands available and clickable
+import { homePage } from "../../support/pages/HomePage";
+
+describe("Home Page V2", () => {
+  beforeEach(() => {
+    cy.setIsThemeV2Enabled(true);
+    cy.skipIntroducePage();
+    cy.on("uncaught:exception", (err) => {
+      // Prevent Cypress from failing the test on uncaught exceptions
+      return false;
+    });
+  });
+
+  it("should display all required elements on the home page", () => {
+    cy.login();
+
+    homePage
+      .visit()
+      .shouldHaveSvgContent()
+      .shouldHaveContentContainer()
+      .shouldHaveNavigationMenu();
+  });
+});

smoke-test/tests/cypress/cypress/e2e/lineage/impact_analysis.js

@@ -1,4 +1,4 @@
-import { getTimestampMillisNumDaysAgo } from "../../support/commands";
+import { getTimestampMillisNumDaysAgo } from "../../support/utils";
 
 const JAN_1_2021_TIMESTAMP = 1609553357755;
 const JAN_1_2022_TIMESTAMP = 1641089357755;

smoke-test/tests/cypress/cypress/e2e/lineage/lineage_column_path.js

@@ -1,4 +1,4 @@
-import { aliasQuery } from "../utils";
+import { aliasQuery } from "../support/utils";
 
 const DATASET_ENTITY_TYPE = "dataset";
 const DATASET_URN =

smoke-test/tests/cypress/cypress/e2e/lineage/lineage_graph.js

@@ -1,4 +1,4 @@
-import { getTimestampMillisNumDaysAgo } from "../../support/commands";
+import { getTimestampMillisNumDaysAgo } from "../../support/utils";
 
 const DATASET_ENTITY_TYPE = "dataset";
 const TASKS_ENTITY_TYPE = "tasks";

smoke-test/tests/cypress/cypress/e2e/lineageV2/v2_impact_analysis.js

@@ -1,4 +1,4 @@
-import { getTimestampMillisNumDaysAgo } from "../../support/commands";
+import { getTimestampMillisNumDaysAgo } from "../../support/utils";
 
 const JAN_1_2021_TIMESTAMP = 1609553357755;
 const JAN_1_2022_TIMESTAMP = 1641089357755;

smoke-test/tests/cypress/cypress/e2e/lineageV2/v2_lineage_column_path.js

@@ -1,4 +1,4 @@
-import { aliasQuery } from "../utils";
+import { aliasQuery } from "../support/utils";
 
 const DATASET_ENTITY_TYPE = "dataset";
 const DATASET_URN =

smoke-test/tests/cypress/cypress/e2e/lineageV2/v2_lineage_graph.js

@@ -1,4 +1,4 @@
-import { getTimestampMillisNumDaysAgo } from "../../support/commands";
+import { getTimestampMillisNumDaysAgo } from "../../support/utils";
 
 const DATASET_ENTITY_TYPE = "dataset";
 const TASKS_ENTITY_TYPE = "tasks";

smoke-test/tests/cypress/cypress/e2e/mutations/domains.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 const test_domain_id = Math.floor(Math.random() * 100000);
 const test_domain = `CypressDomainTest ${test_domain_id}`;

smoke-test/tests/cypress/cypress/e2e/mutations/mutations.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("mutations", () => {
   let businessAttributeEntityEnabled;

smoke-test/tests/cypress/cypress/e2e/search/searchFilters.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 describe("search", () => {
   beforeEach(() => {

smoke-test/tests/cypress/cypress/e2e/settings/manage_access_tokens.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 const test_id = Math.floor(Math.random() * 100000);
 

smoke-test/tests/cypress/cypress/e2e/settingsV2/v2_manage_access_tokens.js

@@ -1,4 +1,4 @@
-import { aliasQuery, hasOperationName } from "../utils";
+import { aliasQuery, hasOperationName } from "../support/utils";
 
 const test_id = Math.floor(Math.random() * 100000);
 

smoke-test/tests/cypress/cypress/e2e/utils.d.ts

@@ -0,0 +1,7 @@
+import { GraphQLRequest } from "../support/types";
+
+export function hasOperationName(
+  req: GraphQLRequest,
+  operationName: string,
+): boolean;
+export function aliasQuery(req: GraphQLRequest, operationName: string): void;

smoke-test/tests/cypress/cypress/plugins/index.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "cypress";
+import timestamps from "cypress-timestamps/plugin";
+
+export default (
+  on: Cypress.PluginEvents,
+  config: Cypress.PluginConfigOptions,
+) => {
+  timestamps(on);
+  return config;
+};