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

transform-icons.test.ts — ui Source File

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

File typescript 4 imports

Entity Profile

Dependency Diagram

graph LR
  12664d6f_a47c_0eb5_c802_9b24cfcaa251["transform-icons.test.ts"]
  b2895591_2a74_d518_deda_2f26be766dcb["get-config"]
  12664d6f_a47c_0eb5_c802_9b24cfcaa251 --> b2895591_2a74_d518_deda_2f26be766dcb
  1ac49d1e_43d9_20be_5a7a_5ab3f3cac911["transform-icons"]
  12664d6f_a47c_0eb5_c802_9b24cfcaa251 --> 1ac49d1e_43d9_20be_5a7a_5ab3f3cac911
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  12664d6f_a47c_0eb5_c802_9b24cfcaa251 --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  ada23fc3_bdf4_a40f_c1d9_28f5efaeed03["."]
  12664d6f_a47c_0eb5_c802_9b24cfcaa251 --> ada23fc3_bdf4_a40f_c1d9_28f5efaeed03
  style 12664d6f_a47c_0eb5_c802_9b24cfcaa251 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { type Config } from "@/src/utils/get-config"
import { transformIcons } from "@/src/utils/transformers/transform-icons"
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: "",
    css: "tailwind.css",
  },
  aliases: {
    components: "@/components",
    utils: "@/lib/utils",
  },
  resolvedPaths: {
    cwd: "/",
    components: "/components",
    utils: "/lib/utils",
    ui: "/ui",
    lib: "/lib",
    hooks: "/hooks",
    tailwindConfig: "",
    tailwindCss: "tailwind.css",
  },
}

describe("transformIconPlaceholder", () => {
  describe("lucide library", () => {
    test("transforms IconPlaceholder to icon component", async () => {
      expect(
        await transform(
          {
            filename: "test.tsx",
            raw: `import * as React from "react"
import { IconPlaceholder } from "@/app/(create)/create/components/icon-placeholder"

export function Component() {
  return <div><IconPlaceholder lucide="CheckIcon" /></div>
}`,
            config: {
              ...testConfig,
              iconLibrary: "lucide",
            },
          },
          [transformIcons]
        )
      ).toMatchInlineSnapshot(`
        "import * as React from "react"
        import { CheckIcon } from "lucide-react"

        export function Component() {
          return <div><CheckIcon /></div>
        }"
      `)
// ... (628 more lines)

Dependencies

  • .
  • get-config
  • transform-icons
  • vitest

Source

Frequently Asked Questions

What does transform-icons.test.ts do?
transform-icons.test.ts is a source file in the ui codebase, written in typescript.
What does transform-icons.test.ts depend on?
transform-icons.test.ts imports 4 module(s): ., get-config, transform-icons, vitest.
Where is transform-icons.test.ts in the architecture?
transform-icons.test.ts is located at packages/shadcn/src/utils/transformers/transform-icons.test.ts (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