fix: edge cases with whitespace in enforces-shorthand (#308)

* Add test cases (one is broken) * Fix

Author: kachkaev

lib/rules/enforces-shorthand.js

@@ -434,7 +434,7 @@ module.exports = {
  const w = whitespaces[i] ?? '';
  const cls = union[i];
  validatedClassNamesValue += headSpace ? `${w}${cls}` : isLast ? `${cls}` : `${cls}${w}`;
- if (headSpace && tailSpace && isLast) {
+ if (tailSpace && isLast) {
  validatedClassNamesValue += whitespaces[whitespaces.length - 1] ?? '';
  }
  }

tests/lib/rules/enforces-shorthand.js

@@ -691,6 +691,26 @@ ruleTester.run("shorthands", rule, {
  `,
  errors: [generateError(["overflow-hidden", "text-ellipsis", "whitespace-nowrap"], "truncate")],
  },
+ {
+ code: "<div className={ctl(`${live && 'bg-white'} w-full px-10 py-10`)}>Leading space trim issue with fix</div>",
+ output: "<div className={ctl(`${live && 'bg-white'} w-full p-10`)}>Leading space trim issue with fix</div>",
+ errors: [generateError(["px-10", "py-10"], "p-10")],
+ },
+ {
+ code: "<div className={ctl(`${live && 'bg-white'} w-full px-10 py-10 `)}>Leading space trim issue with fix (2)</div>",
+ output: "<div className={ctl(`${live && 'bg-white'} w-full p-10 `)}>Leading space trim issue with fix (2)</div>",
+ errors: [generateError(["px-10", "py-10"], "p-10")],
+ },
+ {
+ code: "<div className={ctl(`w-full px-10 py-10 ${live && 'bg-white'}`)}>Trailing space trim issue with fix</div>",
+ output: "<div className={ctl(`w-full p-10 ${live && 'bg-white'}`)}>Trailing space trim issue with fix</div>",
+ errors: [generateError(["px-10", "py-10"], "p-10")],
+ },
+ {
+ code: "<div className={ctl(` w-full px-10 py-10 ${live && 'bg-white'}`)}>Trailing space trim issue with fix (2)</div>",
+ output: "<div className={ctl(` w-full p-10 ${live && 'bg-white'}`)}>Trailing space trim issue with fix (2)</div>",
+ errors: [generateError(["px-10", "py-10"], "p-10")],
+ },
  {
  code: `<div class="h-10 w-10">New size-* utilities</div>`,
  output: `<div class="size-10">New size-* utilities</div>`,