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

index.test.ts — tailwindcss Source File

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

File typescript Oxide 11 imports

Entity Profile

Dependency Diagram

graph LR
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5["index.test.ts"]
  da5d1116_ab2a_437a_6b13_c1429fd546fa["plugin-api.ts"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> da5d1116_ab2a_437a_6b13_c1429fd546fa
  78ae59ed_15ed_26ff_5333_748db1fc1326["PluginAPI"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 78ae59ed_15ed_26ff_5333_748db1fc1326
  914a5326_dcdd_e839_bbc4_d6545cf4c5d5["plugin.ts"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 914a5326_dcdd_e839_bbc4_d6545cf4c5d5
  f9b7eac1_3b10_a208_408b_b98998a33868["run.ts"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> f9b7eac1_3b10_a208_408b_b98998a33868
  b8347223_2c86_b56c_bee4_53f1b5cc1312["compileCss"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> b8347223_2c86_b56c_bee4_53f1b5cc1312
  28c8c12b_7bfb_c956_c83b_681f0ac38ee2["optimizeCss"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 28c8c12b_7bfb_c956_c83b_681f0ac38ee2
  92340182_e1dc_9cec_da39_d46674e865cd["run"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 92340182_e1dc_9cec_da39_d46674e865cd
  9c72d32d_a535_69d4_565b_b620ce2eaae1["node:fs"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 9c72d32d_a535_69d4_565b_b620ce2eaae1
  89aef3dd_1eed_c141_d425_b8949215a653["node:path"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 89aef3dd_1eed_c141_d425_b8949215a653
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  4a833a47_de88_b79a_24ac_de077593f60a["."]
  cd03ff6d_bcce_e1df_0f88_03125ccbddb5 --> 4a833a47_de88_b79a_24ac_de077593f60a
  style cd03ff6d_bcce_e1df_0f88_03125ccbddb5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import fs from 'node:fs'
import path from 'node:path'
import { describe, expect, it, test } from 'vitest'
import { compile, Features, Polyfills } from '.'
import type { PluginAPI } from './compat/plugin-api'
import plugin from './plugin'
import { compileCss, optimizeCss, run } from './test-utils/run'

const css = String.raw

describe('compiling CSS', () => {
  test('`@tailwind utilities` is replaced with the generated utility classes', async () => {
    expect(
      await compileCss(
        css`
          @theme {
            --color-black: #000;
            --breakpoint-md: 768px;
          }

          @layer utilities {
            @tailwind utilities;
          }
        `,
        ['flex', 'md:grid', 'hover:underline', 'dark:bg-black'],
      ),
    ).toMatchInlineSnapshot(`
      ":root, :host {
        --color-black: #000;
      }

      @layer utilities {
        .flex {
          display: flex;
        }

        @media (hover: hover) {
          .hover\\:underline:hover {
            text-decoration-line: underline;
          }
        }

        @media (min-width: 768px) {
          .md\\:grid {
            display: grid;
          }
        }

        @media (prefers-color-scheme: dark) {
          .dark\\:bg-black {
            background-color: var(--color-black);
          }
        }
      }"
    `)
  })

  test('that only CSS variables are allowed', () => {
    return expect(
      compileCss(
// ... (6208 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does index.test.ts do?
index.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain.
What does index.test.ts depend on?
index.test.ts imports 11 module(s): ., PluginAPI, compileCss, node:fs, node:path, optimizeCss, plugin-api.ts, plugin.ts, and 3 more.
Where is index.test.ts in the architecture?
index.test.ts is located at packages/tailwindcss/src/index.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