utilities.test.ts — tailwindcss Source File

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

File typescript Oxide 9 imports

Entity Profile

Oxide→ utilities.test.ts — tailwindcss Source File

Dependency Diagram

graph LR
  41985af3_7e71_15ab_7c89_c9e7fac64166["utilities.test.ts"]
  f9b7eac1_3b10_a208_408b_b98998a33868["run.ts"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> f9b7eac1_3b10_a208_408b_b98998a33868
  b8347223_2c86_b56c_bee4_53f1b5cc1312["compileCss"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> b8347223_2c86_b56c_bee4_53f1b5cc1312
  28c8c12b_7bfb_c956_c83b_681f0ac38ee2["optimizeCss"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> 28c8c12b_7bfb_c956_c83b_681f0ac38ee2
  92340182_e1dc_9cec_da39_d46674e865cd["run"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> 92340182_e1dc_9cec_da39_d46674e865cd
  ffde8eb7_7def_91ee_918c_be4f250f76a2["utilities.ts"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> ffde8eb7_7def_91ee_918c_be4f250f76a2
  329b56fb_df00_1c0c_1dbb_f9821a1760ab["isValidFunctionalUtilityName"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> 329b56fb_df00_1c0c_1dbb_f9821a1760ab
  480e0f0c_3402_b652_ac2d_1d1ad021ea07["isValidStaticUtilityName"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> 480e0f0c_3402_b652_ac2d_1d1ad021ea07
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  4a833a47_de88_b79a_24ac_de077593f60a["."]
  41985af3_7e71_15ab_7c89_c9e7fac64166 --> 4a833a47_de88_b79a_24ac_de077593f60a
  style 41985af3_7e71_15ab_7c89_c9e7fac64166 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { describe, expect, test, vi } from 'vitest'
import { compile } from '.'
import { compileCss, optimizeCss, run } from './test-utils/run'
import { isValidFunctionalUtilityName, isValidStaticUtilityName } from './utilities'

const css = String.raw

test('sr-only', async () => {
  expect(await run(['sr-only'])).toMatchInlineSnapshot(`
    ".sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }"
  `)
  expect(await run(['-sr-only', 'sr-only-[var(--value)]', 'sr-only/foo'])).toEqual('')
})

test('not-sr-only', async () => {
  expect(await run(['not-sr-only'])).toMatchInlineSnapshot(`
    ".not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }"
  `)
  expect(await run(['-not-sr-only', 'not-sr-only-[var(--value)]', 'not-sr-only/foo'])).toEqual('')
})

test('pointer-events', async () => {
  expect(await run(['pointer-events-none', 'pointer-events-auto'])).toMatchInlineSnapshot(`
    ".pointer-events-auto {
      pointer-events: auto;
    }

    .pointer-events-none {
      pointer-events: none;
    }"
  `)
  expect(
    await run([
      '-pointer-events-none',
      '-pointer-events-auto',
      'pointer-events-[var(--value)]',
      'pointer-events-none/foo',
    ]),
  ).toEqual('')
})

// ... (29879 more lines)

Domain

Oxide

Dependencies

Source

View on GitHub

Frequently Asked Questions

What does utilities.test.ts do?

utilities.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain.

What does utilities.test.ts depend on?

utilities.test.ts imports 9 module(s): ., compileCss, isValidFunctionalUtilityName, isValidStaticUtilityName, optimizeCss, run, run.ts, utilities.ts, and 1 more.

Where is utilities.test.ts in the architecture?

utilities.test.ts is located at packages/tailwindcss/src/utilities.test.ts (domain: Oxide, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free