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

intellisense.test.ts — tailwindcss Source File

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

File typescript Oxide PreProcessors 8 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe["intellisense.test.ts"]
  b9cbffa4_c352_cf3c_268f_cbb174fb3a47["ast.ts"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> b9cbffa4_c352_cf3c_268f_cbb174fb3a47
  1369a6dc_e395_347d_5d24_b88e22c5446d["decl"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> 1369a6dc_e395_347d_5d24_b88e22c5446d
  085cf56e_8188_afb1_04da_5ccd0fb7babc["rule"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> 085cf56e_8188_afb1_04da_5ccd0fb7babc
  914a5326_dcdd_e839_bbc4_d6545cf4c5d5["plugin.ts"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> 914a5326_dcdd_e839_bbc4_d6545cf4c5d5
  e28cd4a7_4e1a_e79b_76f1_86c479c6640d["theme.ts"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> e28cd4a7_4e1a_e79b_76f1_86c479c6640d
  f504aa6c_d026_cb8e_0a17_653514de8526["ThemeOptions"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> f504aa6c_d026_cb8e_0a17_653514de8526
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  4a833a47_de88_b79a_24ac_de077593f60a["."]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe --> 4a833a47_de88_b79a_24ac_de077593f60a
  style 990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { expect, test } from 'vitest'
import { __unstable__loadDesignSystem } from '.'
import { decl, rule } from './ast'
import plugin from './plugin'
import { ThemeOptions } from './theme'

const css = String.raw

function loadDesignSystem() {
  return __unstable__loadDesignSystem(`
    @theme {
      --spacing: 0.25rem;
      --colors-red-500: red;
      --colors-blue-500: blue;
      --breakpoint-sm: 640px;
      --aspect-video: 16 / 9;
      --font-sans: sans-serif;
      --font-weight-superbold: 900;
      --text-xs: 0.75rem;
      --text-xs--line-height: 1rem;
      --perspective-dramatic: 100px;
      --perspective-normal: 500px;
      --opacity-background: 0.3;
      --drop-shadow-sm: 0 1px 1px rgb(0 0 0 / 0.05);
      --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
      --font-weight-bold: 700;
      --container-md: 768px;
      --container-lg: 1024px;
    }
  `)
}

test('getClassList', async () => {
  let design = await loadDesignSystem()
  let classList = design.getClassList()
  let classNames = classList.flatMap(([name, meta]) => [
    name,
    ...meta.modifiers.map((m) => `${name}/${m}`),
  ])

  expect(classNames).toMatchSnapshot()
})

test('Spacing utilities do not suggest bare values when not using the multiplier-based spacing scale', async () => {
  let design = await loadDesignSystem()

  // Remove spacing scale
  design.theme.clearNamespace('--spacing', ThemeOptions.NONE)

  let classList = design.getClassList()
  let classNames = classList.flatMap(([name, meta]) => [
    name,
    ...meta.modifiers.map((m) => `${name}/${m}`),
  ])

  expect(classNames).not.toContain('p-0')
  expect(classNames).not.toContain('p-1')
  expect(classNames).not.toContain('p-2')
  expect(classNames).not.toContain('p-3')
  expect(classNames).not.toContain('p-4')
// ... (745 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does intellisense.test.ts do?
intellisense.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain, PreProcessors subdomain.
What functions are defined in intellisense.test.ts?
intellisense.test.ts defines 1 function(s): loadDesignSystem.
What does intellisense.test.ts depend on?
intellisense.test.ts imports 8 module(s): ., ThemeOptions, ast.ts, decl, plugin.ts, rule, theme.ts, vitest.
Where is intellisense.test.ts in the architecture?
intellisense.test.ts is located at packages/tailwindcss/src/intellisense.test.ts (domain: Oxide, subdomain: PreProcessors, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free