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 Oxide Scanner 11 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  56fc54c9_e3f7_43c4_13f0_a68e2a985753["candidate.test.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> e557c8a4_bb27_ee44_c462_9e238157ad04
  e28cd4a7_4e1a_e79b_76f1_86c479c6640d["theme.ts"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> e28cd4a7_4e1a_e79b_76f1_86c479c6640d
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  ffde8eb7_7def_91ee_918c_be4f250f76a2["utilities.ts"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> ffde8eb7_7def_91ee_918c_be4f250f76a2
  e0663e8a_2f7d_8f2f_d3e7_62f07eccc486["Utilities"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> e0663e8a_2f7d_8f2f_d3e7_62f07eccc486
  b638ddb2_c057_1f3c_8a1a_4993ad80cd58["variants.ts"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> b638ddb2_c057_1f3c_8a1a_4993ad80cd58
  5a7fada2_21be_1891_22a5_70dd440f2e0f["Compounds"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> 5a7fada2_21be_1891_22a5_70dd440f2e0f
  67c140cd_3928_7c30_7f6d_c67052da2a02["Variants"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> 67c140cd_3928_7c30_7f6d_c67052da2a02
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  4a833a47_de88_b79a_24ac_de077593f60a["."]
  56fc54c9_e3f7_43c4_13f0_a68e2a985753 --> 4a833a47_de88_b79a_24ac_de077593f60a
  style 56fc54c9_e3f7_43c4_13f0_a68e2a985753 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 Oxide 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: Oxide, 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