test(cypress): upgrade cypress to v10 and migrate to ts

.github/workflows/ci-e2e.yml

@@ -78,6 +78,11 @@ jobs:
       USERNAME: ${{secrets.USERNAME}}
       PERSONAL_ACCESS_TOKEN: ${{secrets.PERSONAL_ACCESS_TOKEN}}
       E2E_COMMIT_HASH: ${{secrets.E2E_COMMIT_HASH}}
+      # overwrite commit message sent to Dashboard
+      COMMIT_INFO_MESSAGE: ${{github.event.pull_request.title}}
+      # re-enable PR comment bot
+      COMMIT_INFO_SHA: ${{github.event.pull_request.head.sha}}
+
     steps:
       - uses: actions/checkout@v2
       - name: Use Node.js

cypress.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  chromeWebSecurity: false,
+  viewportHeight: 768,
+  viewportWidth: 1366,
+  projectId: "nxbty1",
+
+  // NOTE: Cypress keeps 50 tests in memory by default;
+  // Unfortunately, this leads to OOM issues occasionally.
+  // This has been reduced to 5 to help with the OOM issues.
+  // Refer here: https://docs.cypress.io/guides/references/configuration#Global for details.
+  numTestsKeptInMemory: 5,
+
+  e2e: {
+    specPattern: "cypress/e2e/**/*.{js,jsx,ts,tsx}",
+    setupNodeEvents: (on, config) => {
+      // NOTE: Disabling as cypress docs give this form
+      // Refer here: https://docs.cypress.io/api/plugins/configuration-api#Usage
+      // eslint-disable-next-line no-param-reassign
+      config.baseUrl = process.env.CYPRESS_BASEURL || ""
+
+      // IMPORTANT return the updated config object
+      return config
+    },
+  },
+
+  component: {
+    devServer: {
+      framework: "create-react-app",
+      bundler: "webpack",
+    },
+  },
+})