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

transform-rtl.test.ts — ui Source File

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

File typescript FrameworkTooling 5 imports

Entity Profile

Dependency Diagram

graph LR
  78ff1970_bc6e_d80f_3739_dd83a1ab851e["transform-rtl.test.ts"]
  646bd874_990a_e30f_0d03_073229dd52ad["index.ts"]
  78ff1970_bc6e_d80f_3739_dd83a1ab851e --> 646bd874_990a_e30f_0d03_073229dd52ad
  7d044675_0040_220b_aa9c_215286f03b0a["transform"]
  78ff1970_bc6e_d80f_3739_dd83a1ab851e --> 7d044675_0040_220b_aa9c_215286f03b0a
  800d6a7b_126c_42b5_bf8e_f313b0852251["transform-rtl.ts"]
  78ff1970_bc6e_d80f_3739_dd83a1ab851e --> 800d6a7b_126c_42b5_bf8e_f313b0852251
  7a99391a_676c_f329_e2df_d08e5c98ca85["applyRtlMapping"]
  78ff1970_bc6e_d80f_3739_dd83a1ab851e --> 7a99391a_676c_f329_e2df_d08e5c98ca85
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  78ff1970_bc6e_d80f_3739_dd83a1ab851e --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  style 78ff1970_bc6e_d80f_3739_dd83a1ab851e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

import { transform } from "../../src/utils/transformers"
import { applyRtlMapping } from "../../src/utils/transformers/transform-rtl"

describe("applyRtlMapping", () => {
  test("transforms margin classes", () => {
    expect(applyRtlMapping("ml-2")).toBe("ms-2")
    expect(applyRtlMapping("mr-4")).toBe("me-4")
    expect(applyRtlMapping("-ml-2")).toBe("-ms-2")
    expect(applyRtlMapping("-mr-4")).toBe("-me-4")
  })

  test("transforms padding classes", () => {
    expect(applyRtlMapping("pl-2")).toBe("ps-2")
    expect(applyRtlMapping("pr-4")).toBe("pe-4")
  })

  test("transforms positioning classes", () => {
    expect(applyRtlMapping("left-0")).toBe("start-0")
    expect(applyRtlMapping("right-0")).toBe("end-0")
    expect(applyRtlMapping("right-1")).toBe("end-1")
    expect(applyRtlMapping("-left-2")).toBe("-start-2")
    expect(applyRtlMapping("-right-2")).toBe("-end-2")
  })

  test("transforms inset classes", () => {
    expect(applyRtlMapping("inset-l-0")).toBe("inset-inline-start-0")
    expect(applyRtlMapping("inset-r-0")).toBe("inset-inline-end-0")
  })

  test("transforms border classes", () => {
    expect(applyRtlMapping("border-l")).toBe("border-s")
    expect(applyRtlMapping("border-r")).toBe("border-e")
    expect(applyRtlMapping("border-l-2")).toBe("border-s-2")
    expect(applyRtlMapping("border-r-2")).toBe("border-e-2")
  })

  test("transforms rounded corner classes", () => {
    expect(applyRtlMapping("rounded-l-md")).toBe("rounded-s-md")
    expect(applyRtlMapping("rounded-r-md")).toBe("rounded-e-md")
    expect(applyRtlMapping("rounded-tl-md")).toBe("rounded-ss-md")
    expect(applyRtlMapping("rounded-tr-md")).toBe("rounded-se-md")
    expect(applyRtlMapping("rounded-bl-md")).toBe("rounded-es-md")
    expect(applyRtlMapping("rounded-br-md")).toBe("rounded-ee-md")
  })

  test("transforms text alignment classes", () => {
    expect(applyRtlMapping("text-left")).toBe("text-start")
    expect(applyRtlMapping("text-right")).toBe("text-end")
  })

  test("transforms scroll margin/padding classes", () => {
    expect(applyRtlMapping("scroll-ml-2")).toBe("scroll-ms-2")
    expect(applyRtlMapping("scroll-mr-2")).toBe("scroll-me-2")
    expect(applyRtlMapping("scroll-pl-2")).toBe("scroll-ps-2")
    expect(applyRtlMapping("scroll-pr-2")).toBe("scroll-pe-2")
  })

  test("transforms float classes", () => {
// ... (788 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free