transform-render.test.ts — ui Source File

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

File typescript 4 imports

Entity Profile

Dependency Diagram

graph LR
  8ebb389a_64b7_62f2_4b12_4e0bb73bedeb["transform-render.test.ts"]
  b2895591_2a74_d518_deda_2f26be766dcb["get-config"]
  8ebb389a_64b7_62f2_4b12_4e0bb73bedeb --> b2895591_2a74_d518_deda_2f26be766dcb
  d4efeeed_2fd5_103f_3264_5bea41ee8dad["transform-render"]
  8ebb389a_64b7_62f2_4b12_4e0bb73bedeb --> d4efeeed_2fd5_103f_3264_5bea41ee8dad
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  8ebb389a_64b7_62f2_4b12_4e0bb73bedeb --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  ada23fc3_bdf4_a40f_c1d9_28f5efaeed03["."]
  8ebb389a_64b7_62f2_4b12_4e0bb73bedeb --> ada23fc3_bdf4_a40f_c1d9_28f5efaeed03
  style 8ebb389a_64b7_62f2_4b12_4e0bb73bedeb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

import { transform } from "."

const testConfig: Config = {
  style: "base-default",
  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("transformRender", () => {
  describe("DropdownMenuTrigger with Button render and text children", () => {
    test("moves children into render prop component", async () => {
      expect(
        await transform(
          {
            filename: "test.tsx",
            raw: `import * as React from "react"

export function Component() {
  return (
    <DropdownMenuTrigger render={<Button className="w-fit" />}>Open</DropdownMenuTrigger>
  )
}`,
            config: testConfig,
          },
          [transformRender]
        )
      ).toMatchInlineSnapshot(`
        "import * as React from "react"

        export function Component() {
          return (
            <DropdownMenuTrigger render={<Button className="w-fit">Open</Button>} />
          )
        }"
      `)
    })
// ... (336 more lines)

Dependencies

.
get-config
transform-render
vitest

Source

View on GitHub

Frequently Asked Questions

What does transform-render.test.ts do?

transform-render.test.ts is a source file in the ui codebase, written in typescript.

What does transform-render.test.ts depend on?

transform-render.test.ts imports 4 module(s): ., get-config, transform-render, vitest.

Where is transform-render.test.ts in the architecture?

transform-render.test.ts is located at packages/shadcn/src/utils/transformers/transform-render.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