chore: fuels UI integration test script to TS script

.changeset/brave-mayflies-shake.md

@@ -0,0 +1,5 @@
+---
+"fuels": patch
+---
+
+chore: `fuels` UI integration test script to TS script

templates/nextjs/package.json

@@ -10,7 +10,7 @@
     "start": "next start",
     "lint": "next lint",
     "test": "vitest",
-    "test:ui": "./test/ui/test-ui.sh"
+    "test:ui": "tsx ./test/ui/test-ui.ts"
   },
   "dependencies": {
     "@fuels/connectors": "^0.27.1",
@@ -37,6 +37,7 @@
     "eslint-config-next": "14.2.15",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.14",
+    "tsx": "^4.19.1",
     "typescript": "~5.6.3",
     "vitest": "~2.0.5"
   }

templates/nextjs/test/ui/test-ui.ts

@@ -0,0 +1,29 @@
+import { execSync } from 'child_process';
+
+/**
+ * Runs UI tests using Playwright
+ * @returns Exit code from the test execution
+ */
+function runTests(): number {
+  try {
+    // Install Playwright dependencies silently
+    execSync('pnpm exec playwright install --with-deps', {
+      stdio: 'ignore',
+    });
+
+    // Run the tests
+    execSync('pnpm exec playwright test', {
+      stdio: 'inherit', // This will show the test output in the console
+    });
+
+    return 0; // Success
+  } catch (error) {
+    if (error instanceof Error && 'status' in error && typeof error.status === 'number') {
+      return error.status; // Return the actual error code from Playwright
+    }
+    return 1; // Generic error if we can't get the specific status
+  }
+}
+
+// Run the tests and exit with the appropriate code
+process.exit(runTests());

templates/vite/package.json

@@ -10,7 +10,7 @@
     "lint": "eslint .",
     "fuels:dev": "fuels dev",
     "test": "vitest",
-    "test:ui": "./test/ui/test-ui.sh"
+    "test:ui": "tsx ./test/ui/test-ui.ts"
   },
   "dependencies": {
     "@fuels/connectors": "^0.27.1",
@@ -41,6 +41,7 @@
     "tailwindcss": "^3.4.14",
     "typescript": "~5.6.3",
     "typescript-eslint": "^8.8.0",
+    "tsx": "^4.19.1",
     "vite": "^5.4.9",
     "vitest": "~2.0.5"
   }

templates/vite/test/ui/test-ui.ts

@@ -0,0 +1,29 @@
+import { execSync } from 'child_process';
+
+/**
+ * Runs UI tests using Playwright
+ * @returns Exit code from the test execution
+ */
+function runTests(): number {
+  try {
+    // Install Playwright dependencies silently
+    execSync('pnpm exec playwright install --with-deps', {
+      stdio: 'ignore',
+    });
+
+    // Run the tests
+    execSync('pnpm exec playwright test', {
+      stdio: 'inherit', // This will show the test output in the console
+    });
+
+    return 0; // Success
+  } catch (error) {
+    if (error instanceof Error && 'status' in error && typeof error.status === 'number') {
+      return error.status; // Return the actual error code from Playwright
+    }
+    return 1; // Generic error if we can't get the specific status
+  }
+}
+
+// Run the tests and exit with the appropriate code
+process.exit(runTests());