test(e2e-Utils): export built package from e2eUtils (#5336)

* add build step and update exports

* address flaky test

* export types

* ci: apply automated fixes

* use vite for building

* ci: apply automated fixes

* code rabbit issues

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: nlynzaad

e2e/e2e-utils/package.json

@@ -3,19 +3,38 @@
   "private": true,
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./coverage",
+    "build": "vite build",
     "test:eslint": "eslint ./src",
     "test:unit": "exit 0; vitest --typecheck"
   },
   "type": "module",
+  "types": "dist/types/index.d.ts",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
   "exports": {
     ".": {
-      "import": "./src/index.ts",
-      "default": "./src/index.ts"
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=12"
+  },
   "dependencies": {},
   "devDependencies": {
-    "get-port-please": "^3.2.0"
+    "get-port-please": "^3.2.0",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

e2e/e2e-utils/vite.config.ts

@@ -1,20 +1,39 @@
-import { defineConfig, mergeConfig } from 'vitest/config'
-import { tanstackViteConfig } from '@tanstack/config/vite'
-import packageJson from './package.json'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
 
-const config = defineConfig({
-  test: {
-    name: packageJson.name,
-    dir: './tests',
-    watch: false,
-    typecheck: { enabled: true },
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+export default defineConfig({
+  build: {
+    ssr: true,
+    emptyOutDir: true,
+    rollupOptions: {
+      input: 'src/index.ts',
+      output: [
+        {
+          format: 'esm',
+          dir: './dist/esm',
+          entryFileNames: '[name].js',
+          preserveModules: true,
+          preserveModulesRoot: path.resolve(__dirname, 'src'),
+        },
+        {
+          format: 'cjs',
+          dir: './dist/cjs',
+          entryFileNames: '[name].cjs',
+          preserveModules: true,
+          preserveModulesRoot: path.resolve(__dirname, 'src'),
+        },
+      ],
+    },
   },
+  plugins: [
+    dts({
+      copyDtsFiles: true,
+      entryRoot: './src',
+      outDir: './dist/types',
+    }),
+  ],
 })
-
-export default mergeConfig(
-  config,
-  tanstackViteConfig({
-    entry: './src/index.ts',
-    srcDir: './src',
-  }),
-)

e2e/react-router/basic-file-based/tests/redirect.spec.ts

@@ -64,6 +64,9 @@ test.describe('redirects', () => {
         const url = `http://localhost:${PORT}/posts`
 
         await page.waitForURL(url)
+        if (reloadDocument) {
+          await page.waitForLoadState('domcontentloaded')
+        }
         expect(page.url()).toBe(url)
         await expect(page.getByTestId('PostsIndexComponent')).toBeInViewport()
         expect(fullPageLoad).toBe(reloadDocument)