feat: update e2e to module

Author: AlexSergey

e2e/starter-e2e/jest.extend.cjs

@@ -1,4 +1,7 @@
 module.exports = {
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+  },
   modulePathIgnorePatterns: ['./src/generators/'],
   testEnvironment: 'node',
 };

e2e/starter-e2e/package.json

@@ -7,6 +7,7 @@
     "type": "git",
     "url": "https://github.com/AlexSergey/rockpack.git"
   },
+  "type": "module",
   "main": "index.js",
   "scripts": {
     "format": "npm run format:eslint",
@@ -18,7 +19,7 @@
     "@rockpack/tester": "8.0.0",
     "@types/kill-port": "2.0.3",
     "kill-port": "2.0.1",
-    "puppeteer": "24.43.1",
+    "puppeteer": "25.0.4",
     "rimraf": "6.1.3"
   },
   "devDependencies": {
@@ -41,6 +42,7 @@
     "serialize-javascript": "7.0.5",
     "source-map": "0.7.6",
     "stylelint-config-recommended-scss": "17.0.1",
-    "stylelint-config-standard-scss": "17.0.0"
+    "stylelint-config-standard-scss": "17.0.0",
+    "tsx": "4.22.3"
   }
 }

e2e/starter-e2e/src/csr.server.js

@@ -0,0 +1,17 @@
+import Koa from 'koa';
+import serve from 'koa-static';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const app = new Koa();
+
+const mode = process.argv[2];
+
+app.use(serve(resolve(__dirname, `./generators/csr-${mode}-tests/dist`)));
+
+app.listen(4000, () => {
+  console.log(`Server is listening ${4000} port`);
+});

e2e/starter-e2e/src/csr.server.ts

@@ -6,8 +6,8 @@ import { join } from 'node:path';
 import puppeteer from 'puppeteer';
 import { rimraf } from 'rimraf';
 
-import { exists } from './utils/fs';
-import { wait, waitForServer } from './utils/wait';
+import { exists } from './utils/fs.js';
+import { wait, waitForServer } from './utils/wait.js';
 
 const starter = join(__dirname, '../../../packages/starter/lib/bin/index.mjs');
 
@@ -247,7 +247,7 @@ describe('Generators tests', () => {
           const screenOriginalPth = `screenshots/original/csr-${tests ? 'with' : 'without'}-tests-build`;
           const screenNewPth = `screenshots/new/csr-${tests ? 'with' : 'without'}-tests-build`;
 
-          const serverProcess = spawn('node', ['./src/csr.server.js', tests ? 'with' : 'without'], {
+          const serverProcess = spawn('tsx', ['./src/csr.server.js', tests ? 'with' : 'without'], {
             detached: true,
           });
 

e2e/starter-e2e/src/generators.spec.ts

@@ -1,6 +1,6 @@
 import http from 'node:http';
 
-export const wait = (delay = 1000) => {
+export const wait = (delay = 1000): Promise<void> => {
   return new Promise((resolve) => setTimeout(resolve, delay));
 };