test: Add tests for attributes.addClass() functionality in Drupal context

Author: bronisMateusz

package-lock.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "prettier-plugin-tailwindcss-drupal",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Prettier plugin for sorting Tailwind CSS classes with Drupal syntax support.",
   "license": "MIT",
   "main": "dist/index.mjs",
@@ -12,10 +12,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/bronisMateusz/prettier-plugin-tailwindcss"
+    "url": "https://github.com/bronisMateusz/prettier-plugin-tailwindcss-drupal"
   },
   "bugs": {
-    "url": "https://github.com/bronisMateusz/prettier-plugin-tailwindcss/issues"
+    "url": "https://github.com/bronisMateusz/prettier-plugin-tailwindcss-drupal/issues"
   },
   "scripts": {
     "_pre": "rimraf dist && cpy 'node_modules/tailwindcss/lib/css/*' dist/css",
@@ -155,4 +155,4 @@
   "jest": {
     "testTimeout": 15000
   }
-}
+}

package.json

@@ -134,6 +134,7 @@ let tests: PluginTest[] = [
     plugins: ['@zackad/prettier-plugin-twig'],
     options: {
       twigAlwaysBreakObjects: false,
+      tailwindFunctions: ['addClass'],
     },
     tests: {
       twig: [
@@ -162,6 +163,33 @@ let tests: PluginTest[] = [
           `<div class="{{ ' flex ' + ' underline ' + ' block ' }}"></div>`,
           `<div class="{{ 'flex ' + ' underline' + ' block' }}"></div>`,
         ],
+
+        // Drupal attributes.addClass() tests
+        [
+          `<div {{ attributes.addClass("sm:p-0 p-0") }}></div>`,
+          `<div {{ attributes.addClass('p-0 sm:p-0') }}></div>`,
+        ],
+        [
+          `{{ attributes.addClass("sm:p-0 p-0") }}`,
+          `{{ attributes.addClass('p-0 sm:p-0') }}`,
+        ],
+        [
+          `{% set className = "p-0 sm:p-0" %}
+           {{ attributes.addClass(className) }}`,
+          `{% set className = 'p-0 sm:p-0' %}
+{{ attributes.addClass(className) }}`,
+        ],
+        [
+          `{{ attributes.addClass("sm:p-0 " ~ variant ~ " p-0") }}`,
+          `{{ attributes.addClass('sm:p-0' ~ variant ~ 'p-0') }}`,
+        ],
+        [
+          `{{ attributes
+                .addClass("sm:p-0 p-0")
+                .addClass("flex block")
+                .addClass("underline") }}`,
+          `{{ attributes.addClass('p-0 sm:p-0').addClass('block flex').addClass('underline') }}`,
+        ],
       ],
     },
   },
@@ -207,7 +235,7 @@ let tests: PluginTest[] = [
             import './three'
             import '@one/file'
             import '@two/file'
-            export default function Foo() { return <div className="sm:p-0 p-4"></div> }
+            export default function Foo() { return <div className="p-4 sm:p-0"></div> }
           `,
           `import '@one/file'\nimport '@two/file'\n\nimport './three'\n\nexport default function Foo() {\n  return <div className="p-4 sm:p-0"></div>\n}`,
         ],
@@ -219,7 +247,7 @@ let tests: PluginTest[] = [
     tests: {
       babel: [
         [
-          `/**\n             * @param {  string   }    param0 description\n             */\n            export default function Foo(param0) { return <div className="sm:p-0 p-4"></div> }`,
+          `/**\n             * @param {  string   }    param0 description\n             */\n            export default function Foo(param0) { return <div className="p-4 sm:p-0"></div> }`,
           `/** @param {string} param0 Description */\nexport default function Foo(param0) {\n  return <div className="p-4 sm:p-0"></div>\n}`,
         ],
       ],