test: use random port (#52)

Author: 9aoy

test/basic/index.test.ts

@@ -43,6 +43,9 @@ test('should build with tailwind utilities', async ({ page }) => {
     cwd: __dirname,
     rsbuildConfig: {
       plugins: [pluginTailwindCSS()],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/cjs/index.test.ts

@@ -16,6 +16,9 @@ test('should build with relative config', async ({ page }) => {
           config: './config/tailwind.config.js',
         }),
       ],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 
@@ -48,6 +51,9 @@ test('should build with absolute config', async ({ page }) => {
           config: resolve(__dirname, './config/tailwind.config.js'),
         }),
       ],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/config/index.test.ts

@@ -3,7 +3,7 @@ import { fileURLToPath } from 'node:url';
 import { expect, test } from '@playwright/test';
 import { createRsbuild } from '@rsbuild/core';
 import { pluginTailwindCSS } from '../../src';
-import { supportESM } from '../helper';
+import { supportESM, getRandomPort } from '../helper';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -21,6 +21,9 @@ test('should build with relative config', async ({ page }) => {
           config: './config/tailwind.config.js',
         }),
       ],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 
@@ -58,6 +61,9 @@ test('should build with absolute config', async ({ page }) => {
           config: resolve(__dirname, './config/tailwind.config.js'),
         }),
       ],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 
@@ -86,6 +92,9 @@ test('should build without tailwind.config.js', async ({ page }) => {
     cwd: __dirname,
     rsbuildConfig: {
       plugins: [pluginTailwindCSS()],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/multi-entries/index.test.ts

@@ -112,6 +112,9 @@ test('should build with tailwind utilities in multiple entries', async ({
         },
       },
       plugins: [pluginTailwindCSS()],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/postcss-config/index.test.ts

@@ -3,6 +3,7 @@ import { fileURLToPath } from 'node:url';
 import { expect, test } from '@playwright/test';
 import { createRsbuild } from '@rsbuild/core';
 import { pluginTailwindCSS } from '../../src';
+import { getRandomPort } from '../helper';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -11,6 +12,9 @@ test('should build with postcss.config.js', async ({ page }) => {
     cwd: __dirname,
     rsbuildConfig: {
       plugins: [pluginTailwindCSS()],
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/tools-postcss/index.test.ts

@@ -3,6 +3,7 @@ import { fileURLToPath } from 'node:url';
 import { expect, test } from '@playwright/test';
 import { createRsbuild } from '@rsbuild/core';
 import { pluginTailwindCSS } from '../../src';
+import { getRandomPort } from '../helper';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -19,6 +20,9 @@ test('should build with tools.postcss with tailwindcss', async ({ page }) => {
           },
         },
       },
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 
@@ -56,6 +60,9 @@ test('should build with tools.postcss with custom plugin', async ({ page }) => {
           },
         },
       },
+      server: {
+        port: getRandomPort(),
+      },
     },
   });
 

test/with-resource-query/index.test.ts

@@ -53,6 +53,9 @@ test('should build with resource query on rspack', async ({ page }) => {
           index: resolve(__dirname, './src/index.js?entry'),
         },
       },
+      server: {
+        port: getRandomPort(),
+      },
       plugins: [pluginTailwindCSS()],
     },
   });
@@ -122,6 +125,9 @@ test('should build with resource query on webpack', async ({ page }) => {
           index: resolve(__dirname, './src/index.js?entry'),
         },
       },
+      server: {
+        port: getRandomPort(),
+      },
       provider: webpackProvider,
       plugins: [pluginTailwindCSS()],
     },