ui Architecture Docs
Home / File/ transform-cleanup.test.ts — ui Source File

transform-cleanup.test.ts — ui Source File

Architecture documentation for transform-cleanup.test.ts, a typescript file in the ui codebase. 6 imports, 0 dependents.

File typescript FrameworkTooling 6 imports

Entity Profile

Dependency Diagram

graph LR
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b["transform-cleanup.test.ts"]
  913f04e7_90de_d0b5_5068_4dacd40de96e["get-config.ts"]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> 913f04e7_90de_d0b5_5068_4dacd40de96e
  14909da6_9b34_63a5_6bfc_cb7a228b7a4b["createConfig"]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> 14909da6_9b34_63a5_6bfc_cb7a228b7a4b
  e5d28271_9de7_c6c9_1240_13894663e9ec["transform-cleanup.ts"]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> e5d28271_9de7_c6c9_1240_13894663e9ec
  514a1a89_b3a4_2880_543f_72365527ea8c["transformCleanup"]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> 514a1a89_b3a4_2880_543f_72365527ea8c
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  ada23fc3_bdf4_a40f_c1d9_28f5efaeed03["."]
  84d5040c_6b1a_ee5d_e967_8ff170c2d22b --> ada23fc3_bdf4_a40f_c1d9_28f5efaeed03
  style 84d5040c_6b1a_ee5d_e967_8ff170c2d22b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { describe, expect, test } from "vitest"

import { transform } from "."
import { createConfig } from "../get-config"
import { transformCleanup } from "./transform-cleanup"

const testConfig = createConfig({
  tailwind: {
    baseColor: "neutral",
  },
  aliases: {
    components: "@/components",
    utils: "@/lib/utils",
  },
})

describe("transformCleanup", () => {
  test("removes cn-rtl-flip marker from className string", async () => {
    const result = await transform(
      {
        filename: "test.tsx",
        raw: `import * as React from "react"
export function Component() {
  return <div className="cn-rtl-flip size-4" />
}`,
        config: testConfig,
      },
      [transformCleanup]
    )

    expect(result).toContain('className="size-4"')
    expect(result).not.toContain("cn-rtl-flip")
  })

  test("removes cn-rtl-flip marker from cn() call", async () => {
    const result = await transform(
      {
        filename: "test.tsx",
        raw: `import * as React from "react"
export function Component({ className }) {
  return <div className={cn("cn-rtl-flip size-4", className)} />
}`,
        config: testConfig,
      },
      [transformCleanup]
    )

    expect(result).toContain('cn("size-4", className)')
    expect(result).not.toContain("cn-rtl-flip")
  })

  test("removes multiple cn-* markers", async () => {
    const result = await transform(
      {
        filename: "test.tsx",
        raw: `import * as React from "react"
export function Component() {
  return <div className="cn-rtl-flip cn-logical-sides size-4" />
}`,
        config: testConfig,
// ... (125 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does transform-cleanup.test.ts do?
transform-cleanup.test.ts is a source file in the ui codebase, written in typescript. It belongs to the FrameworkTooling domain.
What does transform-cleanup.test.ts depend on?
transform-cleanup.test.ts imports 6 module(s): ., createConfig, get-config.ts, transform-cleanup.ts, transformCleanup, vitest.
Where is transform-cleanup.test.ts in the architecture?
transform-cleanup.test.ts is located at packages/shadcn/src/utils/transformers/transform-cleanup.test.ts (domain: FrameworkTooling, directory: packages/shadcn/src/utils/transformers).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free