Home / File/ resolve-config.test.ts — tailwindcss Source File

resolve-config.test.ts — tailwindcss Source File

Architecture documentation for resolve-config.test.ts, a typescript file in the tailwindcss codebase. 7 imports, 0 dependents.

File typescript Oxide 7 imports

Entity Profile

Dependency Diagram

graph LR
  5d5614c9_83db_a21f_81c8_e68be87c466d["resolve-config.test.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> e557c8a4_bb27_ee44_c462_9e238157ad04
  e28cd4a7_4e1a_e79b_76f1_86c479c6640d["theme.ts"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> e28cd4a7_4e1a_e79b_76f1_86c479c6640d
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  cad44155_17aa_e1d6_081a_8f3b4f06bcde["resolve-config.ts"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> cad44155_17aa_e1d6_081a_8f3b4f06bcde
  bc7b25d3_d5ad_3609_d595_c9755dfadcbb["resolveConfig"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> bc7b25d3_d5ad_3609_d595_c9755dfadcbb
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  5d5614c9_83db_a21f_81c8_e68be87c466d --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 5d5614c9_83db_a21f_81c8_e68be87c466d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { expect, test } from 'vitest'
import { buildDesignSystem } from '../../design-system'
import { Theme } from '../../theme'
import { resolveConfig } from './resolve-config'

test('top level theme keys are replaced', () => {
  let design = buildDesignSystem(new Theme())

  let { resolvedConfig, replacedThemeKeys } = resolveConfig(design, [
    {
      config: {
        theme: {
          colors: {
            red: 'red',
          },

          fontFamily: {
            sans: 'SF Pro Display',
          },
        },
      },
      base: '/root',
      reference: false,
      src: undefined,
    },
    {
      config: {
        theme: {
          colors: {
            green: 'green',
          },
        },
      },
      base: '/root',
      reference: false,
      src: undefined,
    },
    {
      config: {
        theme: {
          colors: {
            blue: 'blue',
          },
        },
      },
      base: '/root',
      reference: false,
      src: undefined,
    },
  ])

  expect(resolvedConfig).toMatchObject({
    theme: {
      colors: {
        blue: 'blue',
      },
      fontFamily: {
        sans: 'SF Pro Display',
      },
    },
// ... (262 more lines)

Domain

Frequently Asked Questions

What does resolve-config.test.ts do?
resolve-config.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain.
What does resolve-config.test.ts depend on?
resolve-config.test.ts imports 7 module(s): Theme, buildDesignSystem, design-system.ts, resolve-config.ts, resolveConfig, theme.ts, vitest.
Where is resolve-config.test.ts in the architecture?
resolve-config.test.ts is located at packages/tailwindcss/src/compat/config/resolve-config.test.ts (domain: Oxide, directory: packages/tailwindcss/src/compat/config).

Analyze Your Own Codebase

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

Try Supermodel Free