transform-aschild.test.ts — ui Source File

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

File typescript 4 imports

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

import { type Config } from "@/src/utils/get-config"
import { transformAsChild } from "@/src/utils/transformers/transform-aschild"
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("transformAsChild", () => {
  describe("DialogTrigger with Button child", () => {
    test("transforms asChild to render prop without nativeButton", async () => {
      expect(
        await transform(
          {
            filename: "test.tsx",
            raw: `import * as React from "react"

export function Component() {
  return (
    <DialogTrigger asChild>
      <Button variant="outline">Edit Profile</Button>
    </DialogTrigger>
  )
}`,
            config: testConfig,
          },
          [transformAsChild]
        )
      ).toMatchInlineSnapshot(`
        "import * as React from "react"

        export function Component() {
          return (
            <DialogTrigger render={<Button variant="outline" />}>Edit Profile</DialogTrigger>
          )
        }"
// ... (367 more lines)

Dependencies

.
get-config
transform-aschild
vitest

Source

View on GitHub

Frequently Asked Questions

What does transform-aschild.test.ts do?

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

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

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

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

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