test: add test case for the Rspack plugin (#30)

Author: chenjiahan

playground/rspack.config.mjs

@@ -3,6 +3,7 @@ import { CheckSyntaxRspackPlugin } from '../dist/index.js';
 
 export default defineConfig({
   mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
+  target: ['web', 'es5'],
   devtool: 'source-map',
   plugins: [
     new CheckSyntaxRspackPlugin({

src/generateError.ts

@@ -83,6 +83,7 @@ async function tryGenerateErrorFromSourceMap({
   rootPath: string;
 }): Promise<ECMASyntaxError | null> {
   const sourceMapPath = `${filepath}.map`;
+
   if (!fs.existsSync(sourceMapPath)) {
     return null;
   }

test/rspack/index.test.ts

@@ -0,0 +1,65 @@
+import path, { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { expect, test } from '@playwright/test';
+import { rspack } from '@rspack/core';
+import stripAnsi from 'strip-ansi';
+import { CheckSyntaxRspackPlugin } from '../../dist';
+import { normalizeToPosixPath, proxyConsole } from '../helper';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+test('should throw error when exist syntax errors', async () => {
+  const { logs, restore } = proxyConsole();
+
+  const compiler = rspack({
+    context: __dirname,
+    target: ['web', 'es5'],
+    mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
+    devtool: 'source-map',
+    plugins: [
+      new CheckSyntaxRspackPlugin({
+        ecmaVersion: 5,
+      }),
+    ],
+  });
+
+  await expect(
+    new Promise((resolve, reject) => {
+      compiler.run((err, stats) => {
+        if (err) {
+          reject(err);
+          return;
+        }
+        compiler.close(() => {
+          resolve(stats);
+        });
+      });
+    }),
+  ).rejects.toThrowError('[@rsbuild/plugin-check-syntax]');
+
+  restore();
+
+  expect(
+    logs.find((log) =>
+      stripAnsi(log).includes(
+        'Find some syntax that does not match "ecmaVersion <= 5"',
+      ),
+    ),
+  ).toBeTruthy();
+
+  expect(logs.find((log) => log.includes('ERROR 1'))).toBeTruthy();
+  expect(
+    logs.find((log) => log.includes('source:') && log.includes('src/test.js')),
+  ).toBeTruthy();
+  expect(
+    logs.find(
+      (log) =>
+        log.includes('output:') &&
+        normalizeToPosixPath(log).includes('/dist/main'),
+    ),
+  ).toBeTruthy();
+  expect(logs.find((log) => log.includes('reason:'))).toBeTruthy();
+  expect(
+    logs.find((log) => log.includes('> 1 | export const printLog = () => {')),
+  ).toBeTruthy();
+});

test/rspack/src/index.js

@@ -0,0 +1,3 @@
+import { printLog } from './test.js';
+
+printLog();

test/rspack/src/test.js

@@ -0,0 +1,4 @@
+export const printLog = () => {
+  const arr = [1, 2, 3, 4, [5, 6, [7, 8]]];
+  console.log(arr, arr.flat());
+};