Eslint upgrade to v9

cypress/pageobject/Asset/AssetHome.ts

@@ -59,17 +59,13 @@ export class AssetHome {
   }
 
   selectImportFacility(facilityName: string) {
-    cy.get("input[name='facilities']")
-      .type(facilityName)
-      .then(() => {
-        cy.get("[role='option']").contains(facilityName).click();
-      });
+    cy.typeAndSelectOption("input[name='facilities']", facilityName);
   }
 
   selectAssetImportButton(action: "click" | "verifyNotExist"): void {
     const selector = "[data-testid=import-asset-button]";
     if (action === "click") {
-      cy.get(selector).scrollIntoView().should("be.visible").click();
+      cy.verifyAndClickElement(selector, "Import/Export");
     } else if (action === "verifyNotExist") {
       cy.get(selector).should("not.exist");
     }
@@ -98,15 +94,12 @@ export class AssetHome {
   }
 
   selectImportLocation(locationName: string) {
-    cy.clickAndSelectOption(
-      "[data-testid=select-import-location]",
-      locationName,
-    );
+    cy.clickAndSelectOption("#asset-import-location", locationName);
   }
 
   clickImportAsset() {
     cy.intercept("POST", "**/api/v1/asset/").as("importAsset");
-    cy.clickSubmitButton("Import");
+    cy.clickSubmitButton("Submit");
     cy.wait("@importAsset").its("response.statusCode").should("eq", 201);
   }
 }

cypress/support/commands.ts

@@ -94,7 +94,7 @@ Cypress.Commands.add("getAttached", (selector: string) => {
       $el = getElement(Cypress.$($d));
       // Ensure $el is an HTMLElement before checking if it is detached
       if ($el.length && $el[0] instanceof HTMLElement) {
-        expect(Cypress.dom.isDetached($el[0])).to.be.false; // Access the first HTMLElement
+        expect(Cypress.dom.isDetached($el[0])).to.equal(false); // Access the first HTMLElement
       } else {
         throw new Error("Element is not an HTMLElement or is detached.");
       }

eslint.config.mjs

@@ -0,0 +1,136 @@
+import eslint from "@eslint/js";
+import tseslint from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
+import i18nextPlugin from "eslint-plugin-i18next";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import reactPlugin from "eslint-plugin-react";
+import reactHooksPlugin from "eslint-plugin-react-hooks";
+import globals from "globals";
+
+
+export default [
+  // Base configuration
+  {
+    ignores: [
+      "**/dist",
+      "**/public",
+      "**/lib",
+      "**/build",
+      "**/*.css",
+      "**/*.csv",
+      "**/Dockerfile",
+    ],
+  },
+  eslint.configs.recommended,
+
+  // Global settings for all JavaScript/TypeScript files
+  {
+    files: ["**/*.{js,jsx,ts,tsx,mjs,mts}"],
+    languageOptions: {
+      ecmaVersion: 12,
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        React: true,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+    linterOptions: {
+      reportUnusedDisableDirectives: true,
+    },
+  },
+
+  // TypeScript-specific rules
+  {
+    files: ["**/*.{ts,tsx}"],
+    plugins: {
+      "@typescript-eslint": tseslint,
+    },
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        project: "./tsconfig.json",
+      },
+    },
+    rules: {
+      ...tseslint.configs.recommended.rules,
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+      "@typescript-eslint/no-unused-expressions": [
+        "error",
+        { allowShortCircuit: true, allowTernary: true },
+      ],
+      "@typescript-eslint/no-explicit-any": "warn",
+      "no-undef": "off",
+    },
+  },
+
+  // React-specific rules
+  {
+    files: ["**/*.{jsx,tsx}"],
+    plugins: {
+      react: reactPlugin,
+      "react-hooks": reactHooksPlugin,
+    },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
+      "react/prop-types": "off",
+      "react/no-children-prop": "off",
+    },
+  },
+
+  // i18next plugin rules
+  {
+    files: ["**/*.{js,jsx,ts,tsx}"],
+    plugins: {
+      i18next: i18nextPlugin,
+    },
+    rules: {
+      ...i18nextPlugin.configs.recommended.rules,
+      "i18next/no-literal-string": [
+        "warn",
+        {
+          mode: "jsx-only",
+          "jsx-attributes": {
+            include: ["label", "placeholder", "error", "title"],
+            exclude: [".*"],
+          },
+          callees: {
+            exclude: [".*"],
+          },
+        },
+      ],
+    },
+  },
+
+  // Cypress-specific rules
+  {
+    files: ["cypress/**/*.ts"],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        project: "./cypress/tsconfig.json",
+      },
+    },
+  },
+
+  // Add prettier recommended config last
+  eslintPluginPrettierRecommended,
+];