tailwindcss Architecture Docs
Home / File/ candidate.test.ts — tailwindcss Source File

candidate.test.ts — tailwindcss Source File

Architecture documentation for candidate.test.ts, a typescript file in the tailwindcss codebase. 11 imports, 0 dependents.

File typescript OxideEngine Scanner 11 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69["candidate.test.ts"]
  7fd72d4c_e95c_d849_1002_1e1c9d8aca1a["design-system.ts"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 7fd72d4c_e95c_d849_1002_1e1c9d8aca1a
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 9b965fd7_d8e9_0b43_cd5d_c9294ab598ed
  80295787_127f_69e6_91b3_4bea3a484544["theme.ts"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 80295787_127f_69e6_91b3_4bea3a484544
  734cf7ec_fb2a_2532_7b20_b3a815c7e3e6["Theme"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 734cf7ec_fb2a_2532_7b20_b3a815c7e3e6
  2bc6f8eb_6339_d09c_79df_e9025a479c97["utilities.ts"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 2bc6f8eb_6339_d09c_79df_e9025a479c97
  0c5b8668_83ec_35e3_3834_57140f6a2c3d["Utilities"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 0c5b8668_83ec_35e3_3834_57140f6a2c3d
  db9eae47_695c_23c3_68bd_bae5bb363efe["variants.ts"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> db9eae47_695c_23c3_68bd_bae5bb363efe
  992b3be6_9fa0_cf25_a4b2_ca0099247e78["Compounds"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 992b3be6_9fa0_cf25_a4b2_ca0099247e78
  ff716ee9_bd1e_1568_4100_c1d5b3ab8daa["Variants"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> ff716ee9_bd1e_1568_4100_c1d5b3ab8daa
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  901927f2_bc06_7bba_3b59_6521372af070["."]
  48bf53e3_51d1_ff10_48bb_0da6cdf73c69 --> 901927f2_bc06_7bba_3b59_6521372af070
  style 48bf53e3_51d1_ff10_48bb_0da6cdf73c69 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { describe, expect, it, test } from 'vitest'
import { __unstable__loadDesignSystem } from '.'
import { buildDesignSystem } from './design-system'
import { Theme } from './theme'
import { Utilities } from './utilities'
import { Compounds, Variants } from './variants'

function run(
  candidate: string,
  {
    utilities,
    variants,
    prefix,
  }: { utilities?: Utilities; variants?: Variants; prefix?: string } = {},
) {
  utilities ??= new Utilities()
  variants ??= new Variants()

  let designSystem = buildDesignSystem(new Theme())
  designSystem.theme.prefix = prefix ?? null

  designSystem.utilities = utilities
  designSystem.variants = variants

  return Array.from(designSystem.parseCandidate(candidate))
}

it('should skip unknown utilities', () => {
  expect(run('unknown-utility')).toEqual([])
})

it('should skip unknown variants', () => {
  expect(run('unknown-variant:flex')).toEqual([])
})

it('should parse a simple utility', () => {
  let utilities = new Utilities()
  utilities.static('flex', () => [])

  expect(run('flex', { utilities })).toMatchInlineSnapshot(`
    [
      {
        "important": false,
        "kind": "static",
        "raw": "flex",
        "root": "flex",
        "variants": [],
      },
    ]
  `)
})

it('should parse a simple utility that should be important', () => {
  let utilities = new Utilities()
  utilities.static('flex', () => [])

  expect(run('flex!', { utilities })).toMatchInlineSnapshot(`
    [
      {
        "important": true,
// ... (2084 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does candidate.test.ts do?
candidate.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain, Scanner subdomain.
What functions are defined in candidate.test.ts?
candidate.test.ts defines 1 function(s): run.
What does candidate.test.ts depend on?
candidate.test.ts imports 11 module(s): ., Compounds, Theme, Utilities, Variants, buildDesignSystem, design-system.ts, theme.ts, and 3 more.
Where is candidate.test.ts in the architecture?
candidate.test.ts is located at packages/tailwindcss/src/candidate.test.ts (domain: OxideEngine, subdomain: Scanner, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free