ui Architecture Docs
Home / File/ update-css.test.ts — ui Source File

update-css.test.ts — ui Source File

Architecture documentation for update-css.test.ts, a typescript file in the ui codebase. 3 imports, 0 dependents.

File typescript FrameworkTooling 3 imports

Entity Profile

Dependency Diagram

graph LR
  05ea3850_4cfb_f1fa_2d99_b75c0bab47a0["update-css.test.ts"]
  19f89ba1_d1e0_8dcc_df03_c70e9de01ca0["update-css.ts"]
  05ea3850_4cfb_f1fa_2d99_b75c0bab47a0 --> 19f89ba1_d1e0_8dcc_df03_c70e9de01ca0
  f51e58e3_7a1b_20d7_d56c_af590db86289["transformCss"]
  05ea3850_4cfb_f1fa_2d99_b75c0bab47a0 --> f51e58e3_7a1b_20d7_d56c_af590db86289
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  05ea3850_4cfb_f1fa_2d99_b75c0bab47a0 --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  style 05ea3850_4cfb_f1fa_2d99_b75c0bab47a0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

import { transformCss } from "../../../src/utils/updaters/update-css"

describe("transformCss", () => {
  test("should add utility classes", async () => {
    const input = `@import "tailwindcss";`

    const result = await transformCss(input, {
      "@utility content-auto": {
        "content-visibility": "auto",
      },
    })

    expect(result).toMatchInlineSnapshot(`
      "@import "tailwindcss";

      @utility content-auto {
          content-visibility: auto;
      }"
    `)
  })

  test("should add utility classes with pseudo-selectors", async () => {
    const input = `@import "tailwindcss";`

    const result = await transformCss(input, {
      "@utility scrollbar-hidden": {
        "&::-webkit-scrollbar": {
          display: "none",
        },
      },
    })

    expect(result).toMatchInlineSnapshot(`
      "@import "tailwindcss";

      @utility scrollbar-hidden {
        &::-webkit-scrollbar {
          display: none;
        }
      }"
    `)
  })

  test("should add parameterized utility classes", async () => {
    const input = `@import "tailwindcss";`

    const result = await transformCss(input, {
      "@utility tab-*": {
        "tab-size": "--value([integer])",
      },
    })

    expect(result).toMatchInlineSnapshot(`
      "@import "tailwindcss";

      @utility tab-* {
          tab-size: --value([integer]);
      }"
// ... (828 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does update-css.test.ts do?
update-css.test.ts is a source file in the ui codebase, written in typescript. It belongs to the FrameworkTooling domain.
What does update-css.test.ts depend on?
update-css.test.ts imports 3 module(s): transformCss, update-css.ts, vitest.
Where is update-css.test.ts in the architecture?
update-css.test.ts is located at packages/shadcn/test/utils/updaters/update-css.test.ts (domain: FrameworkTooling, directory: packages/shadcn/test/utils/updaters).

Analyze Your Own Codebase

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

Try Supermodel Free