CLEANING

package.json

@@ -18,7 +18,6 @@
   "bugs": "https://github.com/francoismassart/eslint-plugin-tailwindcss/issues",
   "main": "lib/index.js",
   "scripts": {
-    "wip": "mocha tests/lib/rules/wip/ --recursive",
     "test": "mocha tests --recursive"
   },
   "files": [

tests/lib/rules/classnames-order.js

@@ -661,5 +661,46 @@ ruleTester.run("classnames-order", rule, {
       })`,
       errors: errors,
     },
+    {
+      code: `
+      <div class="flex-col cursor-pointer flex"></div>
+      <div class="m-0 lg:m-2 md:m-1"></div>`,
+      output: `
+      <div class="flex flex-col cursor-pointer"></div>
+      <div class="m-0 md:m-1 lg:m-2"></div>`,
+      errors: [...errors, ...errors],
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
+    {
+      code: `<div class="grid lg:grid-col-4 grid-cols-1 sm:grid-cols-2">:)</div>`,
+      output: `<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-col-4">:)</div>`,
+      errors: errors,
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
+    {
+      code: `
+      <div class="
+        flex-col
+        cursor-pointer
+        flex
+      ">
+        :)
+      </div>`,
+      output: `
+      <div class="
+        flex
+        flex-col
+        cursor-pointer
+      ">
+        :)
+      </div>`,
+      errors: errors,
+      parser: require.resolve("@angular-eslint/template-parser"),
+      options: [
+        {
+          groupByResponsive: false,
+        },
+      ],
+    },
   ],
 });

tests/lib/rules/no-contradicting-classname.js

@@ -184,6 +184,12 @@ ruleTester.run("no-contradicting-classname", rule, {
         </div>
       </div>`,
     },
+    {
+      code: `
+      <div class="p-1 px-2 sm:px-3 sm:pt-0">Accepts shorthands</div>
+      <div class="m-1 mx-2 sm:mx-3">Accepts shorthands</div>`,
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
   ],
 
   invalid: [
@@ -406,6 +412,13 @@ ruleTester.run("no-contradicting-classname", rule, {
       options: config,
       errors: generateErrors("aspect-none aspect-w-16"),
     },
+    {
+      code: `
+      <div class="container w-1 w-2"></div>
+      <div class="block flex"></div>`,
+      errors: [...generateErrors("w-1 w-2"), ...generateErrors("block flex")],
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
     // {
     //   code: `
     //   <div class="scale-75 transform-none">

tests/lib/rules/no-custom-classname.js

@@ -535,10 +535,6 @@ ruleTester.run("no-custom-classname", rule, {
       code: `
       <div className="transform-none">Disabling transform</div>`,
     },
-    {
-      code: `
-      <div className="transform-none">Disabling transform</div>`,
-    },
     {
       code: `
       <div className="p/r[e].f!-x_flex">Nasty prefix</div>`,
@@ -585,6 +581,25 @@ ruleTester.run("no-custom-classname", rule, {
         },
       ],
     },
+    {
+      code: `
+      <div class="transform-none">Using</div>
+      <div class="flex flex-col">HTML</div>`,
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
+    {
+      code: `
+      <div class="p/r[e].f!-x_flex">Using HTML</div>
+      <div class="p/r[e].f!-x_block">With nasty prefix</div>`,
+      options: [
+        {
+          config: {
+            prefix: "p/r[e].f!-x_",
+          },
+        },
+      ],
+      parser: require.resolve("@angular-eslint/template-parser"),
+    },
   ],
 
   invalid: [