tailwindcss Architecture Docs
Home / File/ to-key-path.test.ts — tailwindcss Source File

to-key-path.test.ts — tailwindcss Source File

Architecture documentation for to-key-path.test.ts, a typescript file in the tailwindcss codebase. 3 imports, 0 dependents.

File typescript Oxide 3 imports

Entity Profile

Dependency Diagram

graph LR
  33590675_cf8c_f667_c3ed_0c404ca18489["to-key-path.test.ts"]
  1f643124_89df_1d95_f8fd_e4036c7301de["to-key-path.ts"]
  33590675_cf8c_f667_c3ed_0c404ca18489 --> 1f643124_89df_1d95_f8fd_e4036c7301de
  05d44181_6631_c1fa_4a63_96653e28f99c["toKeyPath"]
  33590675_cf8c_f667_c3ed_0c404ca18489 --> 05d44181_6631_c1fa_4a63_96653e28f99c
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  33590675_cf8c_f667_c3ed_0c404ca18489 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 33590675_cf8c_f667_c3ed_0c404ca18489 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { expect, it } from 'vitest'
import { toKeyPath } from './to-key-path'

it('can convert key paths to arrays', () => {
  expect(toKeyPath('fontSize.xs')).toEqual(['fontSize', 'xs'])
  expect(toKeyPath('fontSize.xs[1].lineHeight')).toEqual(['fontSize', 'xs', '1', 'lineHeight'])
  expect(toKeyPath('colors.red.500')).toEqual(['colors', 'red', '500'])
  expect(toKeyPath('colors[red].500')).toEqual(['colors', 'red', '500'])
  expect(toKeyPath('colors[red].[500]')).toEqual(['colors', 'red', '500'])
  expect(toKeyPath('colors[red]500')).toEqual(['colors', 'red', '500'])
  expect(toKeyPath('colors[red][500]')).toEqual(['colors', 'red', '500'])
  expect(toKeyPath('colors[red]500[50]5')).toEqual(['colors', 'red', '500', '50', '5'])
})

Domain

Dependencies

Source

Frequently Asked Questions

What does to-key-path.test.ts do?
to-key-path.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain.
What does to-key-path.test.ts depend on?
to-key-path.test.ts imports 3 module(s): to-key-path.ts, toKeyPath, vitest.
Where is to-key-path.test.ts in the architecture?
to-key-path.test.ts is located at packages/tailwindcss/src/utils/to-key-path.test.ts (domain: Oxide, directory: packages/tailwindcss/src/utils).

Analyze Your Own Codebase

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

Try Supermodel Free