test: skip when not supporting ESM

Author: colinaaa

package.json

@@ -34,8 +34,10 @@
     "@rsbuild/core": "^1.1.0",
     "@rslib/core": "^0.0.16",
     "@types/node": "^22.9.0",
+    "@types/semver": "^7.5.8",
     "playwright": "^1.48.2",
     "postcss": "^8.4.47",
+    "semver": "^7.6.3",
     "simple-git-hooks": "^2.11.1",
     "tailwindcss": "^3.4.14",
     "typescript": "^5.6.3"

pnpm-lock.yaml

@@ -3,10 +3,16 @@ import { fileURLToPath } from 'node:url';
 import { expect, test } from '@playwright/test';
 import { createRsbuild } from '@rsbuild/core';
 import { pluginTailwindCSS } from '../../src';
+import { supportESM } from '../helper';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 test('should build with relative config', async ({ page }) => {
+  test.skip(
+    !supportESM(),
+    'Skip since the tailwindcss version does not support ESM configuration',
+  );
+
   const rsbuild = await createRsbuild({
     cwd: __dirname,
     rsbuildConfig: {
@@ -39,6 +45,11 @@ test('should build with relative config', async ({ page }) => {
 });
 
 test('should build with absolute config', async ({ page }) => {
+  test.skip(
+    !supportESM(),
+    'Skip since the tailwindcss version does not support ESM configuration',
+  );
+
   const rsbuild = await createRsbuild({
     cwd: __dirname,
     rsbuildConfig: {

test/basic/tailwind.config.js

@@ -1,3 +1,6 @@
+import satisfies from 'semver/functions/satisfies.js';
+import pkg from 'tailwindcss/package.json' with { type: 'json' };
+
 const portMap = new Map();
 
 export function getRandomPort(
@@ -12,3 +15,12 @@ export function getRandomPort(
     port++;
   }
 }
+
+export function supportESM(): boolean {
+  // Tailwind CSS support using ESM configuration in v3.3.0
+  // See:
+  //   - https://github.com/tailwindlabs/tailwindcss/releases/tag/v3.3.0
+  //   - https://github.com/tailwindlabs/tailwindcss/pull/10785
+  //   - https://github.com/rspack-contrib/rsbuild-plugin-tailwindcss/issues/18
+  return satisfies(pkg.version, '^3.3.0');
+}