test(e2e): avoid writing temp files to git

e2e/cases/preact/prefresh-disabled/index.test.ts

@@ -10,6 +10,15 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   }
 
   const root = __dirname;
+  const compFilePath = path.join(root, 'src/test-temp-B.jsx');
+  const compSourceCode = `const B = (props) => {
+  return <div id="B">B: {props.count}</div>;
+};
+
+export default B;
+`;
+
+  fs.writeFileSync(compFilePath, compSourceCode, 'utf-8');
 
   const rsbuild = await dev({
     cwd: root,
@@ -27,9 +36,11 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   await expect(b).toHaveText('B: 5');
 
   // simulate a change to component B's source code
-  const filePath = path.join(root, 'src/B.jsx');
-  const sourceCodeB = fs.readFileSync(filePath, 'utf-8');
-  fs.writeFileSync(filePath, sourceCodeB.replace('B:', 'Beep:'), 'utf-8');
+  fs.writeFileSync(
+    compFilePath,
+    compSourceCode.replace('B:', 'Beep:'),
+    'utf-8',
+  );
 
   await page.waitForFunction(() => {
     const aText = document.querySelector('#A')!.textContent;
@@ -43,7 +54,5 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
     );
   });
 
-  // recover the source code
-  fs.writeFileSync(filePath, sourceCodeB, 'utf-8');
   await rsbuild.close();
 });

e2e/cases/preact/prefresh-disabled/src/A.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'preact/hooks';
-import B from './B';
+import B from './test-temp-B';
 
 const App = () => {
   const [count, setCount] = useState(0);

e2e/cases/preact/prefresh/index.test.ts

@@ -10,6 +10,15 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   }
 
   const root = __dirname;
+  const compFilePath = path.join(root, 'src/test-temp-B.jsx');
+  const compSourceCode = `const B = (props) => {
+  return <div id="B">B: {props.count}</div>;
+};
+
+export default B;
+`;
+
+  fs.writeFileSync(compFilePath, compSourceCode, 'utf-8');
 
   const rsbuild = await dev({
     cwd: root,
@@ -27,9 +36,11 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   await expect(b).toHaveText('B: 5');
 
   // simulate a change to component B's source code
-  const filePath = path.join(root, 'src/B.jsx');
-  const sourceCodeB = fs.readFileSync(filePath, 'utf-8');
-  fs.writeFileSync(filePath, sourceCodeB.replace('B:', 'Beep:'), 'utf-8');
+  fs.writeFileSync(
+    compFilePath,
+    compSourceCode.replace('B:', 'Beep:'),
+    'utf-8',
+  );
 
   await page.waitForFunction(() => {
     const aText = document.querySelector('#A')!.textContent;
@@ -43,7 +54,5 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
     );
   });
 
-  // recover the source code
-  fs.writeFileSync(filePath, sourceCodeB, 'utf-8');
   await rsbuild.close();
 });

e2e/cases/preact/prefresh/src/A.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'preact/hooks';
-import B from './B';
+import B from './test-temp-B';
 
 const App = () => {
   const [count, setCount] = useState(0);

e2e/cases/solid/hmr/index.test.ts

@@ -10,6 +10,15 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   }
 
   const root = __dirname;
+  const compFilePath = path.join(root, 'src/test-temp-B.jsx');
+  const compSourceCode = `const B = (props) => {
+  return <div id="B">B: {props.count()}</div>;
+};
+
+export default B;
+`;
+
+  fs.writeFileSync(compFilePath, compSourceCode, 'utf-8');
 
   const rsbuild = await dev({
     cwd: root,
@@ -27,9 +36,11 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
   await expect(b).toHaveText('B: 5');
 
   // simulate a change to component B's source code
-  const filePath = path.join(root, 'src/B.jsx');
-  const sourceCodeB = fs.readFileSync(filePath, 'utf-8');
-  fs.writeFileSync(filePath, sourceCodeB.replace('B:', 'Beep:'), 'utf-8');
+  fs.writeFileSync(
+    compFilePath,
+    compSourceCode.replace('B:', 'Beep:'),
+    'utf-8',
+  );
 
   await page.waitForFunction(() => {
     const aText = document.querySelector('#A')!.textContent;
@@ -43,7 +54,5 @@ rspackOnlyTest('HMR should work properly', async ({ page }) => {
     );
   });
 
-  // recover the source code
-  fs.writeFileSync(filePath, sourceCodeB, 'utf-8');
   await rsbuild.close();
 });

e2e/cases/solid/hmr/src/A.jsx

@@ -1,5 +1,5 @@
 import { createSignal } from 'solid-js';
-import B from './B';
+import B from './test-temp-B';
 
 const App = () => {
   const [count, setCount] = createSignal(0);