plugin_test.ts

import { assertEquals } from "@std/assert";
import plugin from "./plugin.ts";

Deno.test("no-inline-styles - catches inline style object", () => {
  const diagnostics = Deno.lint.runPlugin(
    plugin,
    "component.tsx",
    '<div style={{ color: "red" }}>Content</div>',
  );

  assertEquals(diagnostics.length, 1);
  const d = diagnostics[0];
  assertEquals(d.id, "no-inline-styles/no-inline-styles");
  assertEquals(
    d.message,
    "Inline styles are not allowed. Use CSS classes (Tailwind, CSS modules, etc.) instead.",
  );
});

Deno.test("no-inline-styles - catches inline style string", () => {
  const diagnostics = Deno.lint.runPlugin(
    plugin,
    "component.tsx",
    '<div style="color: red;">Content</div>',
  );

  assertEquals(diagnostics.length, 1);
  assertEquals(diagnostics[0].id, "no-inline-styles/no-inline-styles");
});

Deno.test("no-inline-styles - allows className", () => {
  const diagnostics = Deno.lint.runPlugin(
    plugin,
    "component.tsx",
    '<div className="text-red-500">Content</div>',
  );

  assertEquals(diagnostics.length, 0);
});

Deno.test("no-inline-styles - allows other attributes", () => {
  const diagnostics = Deno.lint.runPlugin(
    plugin,
    "component.tsx",
    '<div id="test" data-value="123">Content</div>',
  );

  assertEquals(diagnostics.length, 0);
});