test(e2e): migrate test cases to ES modules (#6531)

Author: chenjiahan

e2e/assets/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@e2e/assets",
-  "description": "Common static assets used in E2E test cases.",
+  "version": "1.0.0",
   "private": true,
-  "version": "1.0.0"
+  "description": "Common static assets used in E2E test cases.",
+  "type": "module"
 }

e2e/cases/assets/addtional-assets/index.test.ts

@@ -36,7 +36,7 @@ test('should support configuring additional assets matched by path', async ({
   const rsbuild = await build({
     config: {
       source: {
-        assetsInclude: path.resolve(__dirname, 'src/assets'),
+        assetsInclude: path.resolve(import.meta.dirname, 'src/assets'),
       },
     },
   });

e2e/cases/assets/addtional-assets/rsbuild.config.ts

@@ -1,13 +1,13 @@
 import { join } from 'node:path';
 import { defineConfig } from '@rsbuild/core';
-import { outputFileSync } from 'fs-extra';
+import fse from 'fs-extra';
 
-outputFileSync(
-  join(__dirname, 'src/assets/test-temp-small.json5'),
+fse.outputFileSync(
+  join(import.meta.dirname, 'src/assets/test-temp-small.json5'),
   JSON.stringify({ a: 1 }),
 );
-outputFileSync(
-  join(__dirname, 'src/assets/test-temp-large.json5'),
+fse.outputFileSync(
+  join(import.meta.dirname, 'src/assets/test-temp-large.json5'),
   JSON.stringify({ a: '1'.repeat(10000) }),
 );
 

e2e/cases/assets/import-json-raw-query/index.test.ts

@@ -8,10 +8,10 @@ rspackTest(
     await buildPreview();
 
     expect(await page.evaluate('window.a')).toBe(
-      readFileSync(join(__dirname, './src/a.json'), 'utf-8'),
+      readFileSync(join(import.meta.dirname, './src/a.json'), 'utf-8'),
     );
     expect(await page.evaluate('window.b')).toBe(
-      readFileSync(join(__dirname, './src/b.json'), 'utf-8'),
+      readFileSync(join(import.meta.dirname, './src/b.json'), 'utf-8'),
     );
   },
 );

e2e/cases/assets/raw-query/index.test.ts

@@ -12,7 +12,7 @@ test('should return raw asset content with `?raw` in dev', async ({
 
   expect(await page.evaluate('window.rawSvg')).toEqual(
     await promises.readFile(
-      join(__dirname, '../../../assets/circle.svg'),
+      join(import.meta.dirname, '../../../assets/circle.svg'),
       'utf-8',
     ),
   );
@@ -26,7 +26,7 @@ test('should return raw asset content with `?raw` in build', async ({
 
   expect(await page.evaluate('window.rawSvg')).toEqual(
     await promises.readFile(
-      join(__dirname, '../../../assets/circle.svg'),
+      join(import.meta.dirname, '../../../assets/circle.svg'),
       'utf-8',
     ),
   );
@@ -44,7 +44,7 @@ test('should return raw SVG content with `?raw` when using pluginSvgr', async ({
 
   expect(await page.evaluate('window.rawSvg')).toEqual(
     await promises.readFile(
-      join(__dirname, '../../../assets/circle.svg'),
+      join(import.meta.dirname, '../../../assets/circle.svg'),
       'utf-8',
     ),
   );
@@ -54,15 +54,15 @@ test('should return raw JS content with `?raw`', async ({ page, dev }) => {
   await dev();
 
   expect(await page.evaluate('window.rawJs')).toEqual(
-    await promises.readFile(join(__dirname, 'src/foo.js'), 'utf-8'),
+    await promises.readFile(join(import.meta.dirname, 'src/foo.js'), 'utf-8'),
   );
 });
 
 test('should return raw TS content with `?raw`', async ({ page, dev }) => {
   await dev();
 
   const tsContent = await promises.readFile(
-    join(__dirname, 'src/bar.ts'),
+    join(import.meta.dirname, 'src/bar.ts'),
     'utf-8',
   );
   expect(await page.evaluate('window.rawTs1')).toEqual(tsContent);
@@ -82,7 +82,7 @@ test('should return raw TSX content with `?raw` when using pluginReact', async (
   });
 
   expect(await page.evaluate('window.rawTsx')).toEqual(
-    await promises.readFile(join(__dirname, 'src/baz.tsx'), 'utf-8'),
+    await promises.readFile(join(import.meta.dirname, 'src/baz.tsx'), 'utf-8'),
   );
 });
 

e2e/cases/browser-logs/custom-source-map/index.test.ts

@@ -27,7 +27,7 @@ rspackTest(
 rspackTest(
   'should parse source map correctly if source path is relative to source map path',
   async ({ dev }) => {
-    const sourceMapPath = join(__dirname, 'dist/static/js');
+    const sourceMapPath = join(import.meta.dirname, 'dist/static/js');
     const rsbuild = await dev({
       config: {
         tools: {

e2e/cases/browserslist/browserslist-config-mock/package.json

@@ -1,6 +1,7 @@
 {
-  "private": true,
   "name": "@e2e/browserslist-config-mock",
   "version": "1.0.0",
+  "private": true,
+  "type": "module",
   "main": "index.json"
 }

e2e/cases/browserslist/extends-browserslist/index.test.ts

@@ -2,7 +2,7 @@ import { expect, getFileContent, test } from '@e2e/helper';
 
 test('should extend browserslist and downgrade syntax', async ({ build }) => {
   const originalCwd = process.cwd();
-  process.chdir(__dirname);
+  process.chdir(import.meta.dirname);
 
   const rsbuild = await build();
   const files = rsbuild.getDistFiles();

e2e/cases/browserslist/extends-browserslist/package.json

@@ -1,11 +1,12 @@
 {
-  "private": true,
   "name": "@e2e/extends-browserslist",
   "version": "1.0.0",
-  "dependencies": {
-    "@e2e/browserslist-config-mock": "workspace:*"
-  },
+  "private": true,
+  "type": "module",
   "browserslist": [
     "extends @e2e/browserslist-config-mock"
-  ]
+  ],
+  "dependencies": {
+    "@e2e/browserslist-config-mock": "workspace:*"
+  }
 }

e2e/cases/browserslist/package-config-array/package.json

@@ -1,4 +1,5 @@
 {
   "private": true,
+  "type": "module",
   "browserslist": "Chrome >= 40, Edge >= 79"
 }