Update tests

Author: thecrypticace

tests/fixtures.test.ts

@@ -70,7 +70,7 @@ let fixtures = [
   },
   {
     name: 'v4: configs and plugins',
-    dir: 'v4/configs',
+    dir: 'v4/css-loading-js',
     ext: 'html',
   },
 ]

tests/fixtures/v4/configs/app.css

@@ -0,0 +1,21 @@
+@import 'tailwindcss';
+
+/* Load ESM versions */
+@config './esm/my-config.mjs';
+@plugin './esm/my-plugin.mjs';
+
+/* Load Common JS versions */
+@config './cjs/my-config.cjs';
+@plugin './cjs/my-plugin.cjs';
+
+/* Load TypeScript versions */
+@config './ts/my-config.ts';
+@plugin './ts/my-plugin.ts';
+
+/* Attempt to load files that do not exist */
+@config './missing-confg.mjs';
+@plugin './missing-plugin.mjs';
+
+@theme {
+  --color-tomato: tomato;
+}

tests/fixtures/v4/configs/index.html

@@ -0,0 +1,9 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        'cjs-from-config': 'black',
+      },
+    },
+  },
+}

tests/fixtures/v4/configs/my-plugin.mjs

@@ -0,0 +1,24 @@
+const plugin = require('tailwindcss/plugin')
+
+module.exports = plugin(
+  ({ addUtilities }) => {
+    addUtilities({
+      '.utility-cjs-from-plugin': {
+        color: 'black'
+      },
+      '.utility-cjs-from-plugin-2': {
+        width: '100%',
+        height: '100%',
+      },
+    })
+  },
+  {
+    theme: {
+      extend: {
+        colors: {
+          'cjs-from-plugin': 'black',
+        },
+      },
+    },
+  },
+)

tests/fixtures/v4/configs/output.html

@@ -2,8 +2,8 @@ export default {
   theme: {
     extend: {
       colors: {
-        "from-config": "#3490dc",
+        'esm-from-config': 'black',
       },
     },
   },
-};
+}

tests/fixtures/v4/css-loading-js/app.css

@@ -0,0 +1,24 @@
+import plugin from 'tailwindcss/plugin'
+
+export default plugin(
+  ({ addUtilities }) => {
+    addUtilities({
+      '.utility-esm-from-plugin': {
+        color: 'black'
+      },
+      '.utility-esm-from-plugin-2': {
+        width: '100%',
+        height: '100%',
+      },
+    })
+  },
+  {
+    theme: {
+      extend: {
+        colors: {
+          'esm-from-plugin': 'black',
+        },
+      },
+    },
+  },
+)

tests/fixtures/v4/css-loading-js/cjs/my-config.cjs

@@ -0,0 +1,3 @@
+<div
+  class="sm:bg-tomato sm:utility-cjs-from-plugin sm:utility-cjs-from-plugin-2 sm:utility-esm-from-plugin sm:utility-esm-from-plugin-2 sm:utility-ts-from-plugin sm:utility-ts-from-plugin-2 sm:bg-cjs-from-config sm:bg-cjs-from-plugin sm:bg-esm-from-config sm:bg-esm-from-plugin sm:bg-ts-from-config sm:bg-ts-from-plugin bg-red-500 utility-cjs-from-plugin utility-esm-from-plugin utility-ts-from-plugin"
+></div>

tests/fixtures/v4/css-loading-js/cjs/my-plugin.cjs

@@ -0,0 +1,3 @@
+<div
+  class="bg-red-500 utility-cjs-from-plugin utility-esm-from-plugin utility-ts-from-plugin sm:utility-cjs-from-plugin-2 sm:utility-esm-from-plugin-2 sm:utility-ts-from-plugin-2 sm:bg-cjs-from-config sm:bg-cjs-from-plugin sm:bg-esm-from-config sm:bg-esm-from-plugin sm:bg-tomato sm:bg-ts-from-config sm:bg-ts-from-plugin sm:utility-cjs-from-plugin sm:utility-esm-from-plugin sm:utility-ts-from-plugin"
+></div>

tests/fixtures/v4/configs/tailwind.config.mjs renamed to tests/fixtures/v4/css-loading-js/esm/my-config.mjs

@@ -0,0 +1,11 @@
+import type { Config } from 'tailwindcss'
+
+export default {
+  theme: {
+    extend: {
+      colors: {
+        'ts-from-config': 'black',
+      },
+    },
+  },
+} satisfies Config

tests/fixtures/v4/css-loading-js/esm/my-plugin.mjs

@@ -0,0 +1,24 @@
+import plugin from 'tailwindcss/plugin'
+
+export default plugin(
+  ({ addUtilities }) => {
+    addUtilities({
+      '.utility-ts-from-plugin': {
+        color: 'black'
+      },
+      '.utility-ts-from-plugin-2': {
+        width: '100%',
+        height: '100%',
+      },
+    })
+  },
+  {
+    theme: {
+      extend: {
+        colors: {
+          'ts-from-plugin': 'black',
+        },
+      },
+    },
+  },
+)