transform-menu.test.ts — ui Source File

Source Code

import { type Config } from "@/src/utils/get-config"
import { transformMenu } from "@/src/utils/transformers/transform-menu"
import { describe, expect, test } from "vitest"

import { transform } from "."

const testConfig: Config = {
  style: "new-york",
  tsx: true,
  rsc: true,
  tailwind: {
    baseColor: "neutral",
    cssVariables: true,
    config: "tailwind.config.ts",
    css: "tailwind.css",
  },
  aliases: {
    components: "@/components",
    utils: "@/lib/utils",
  },
  resolvedPaths: {
    cwd: "/",
    components: "/components",
    utils: "/lib/utils",
    ui: "/ui",
    lib: "/lib",
    hooks: "/hooks",
    tailwindConfig: "tailwind.config.ts",
    tailwindCss: "tailwind.css",
  },
}

describe("transformMenu", () => {
  describe("menuColor is inverted", () => {
    test("replaces cn-menu-target with dark in string literal", async () => {
      expect(
        await transform(
          {
            filename: "test.tsx",
            raw: `import * as React from "react"

export function Component() {
  return <div className="cn-menu-target p-4">Content</div>
}`,
            config: {
              ...testConfig,
              menuColor: "inverted",
            },
          },
          [transformMenu]
        )
      ).toMatchInlineSnapshot(`
        "import * as React from "react"

        export function Component() {
          return <div className="dark p-4">Content</div>
        }"
      `)
    })

// ... (281 more lines)