tailwindcss Architecture Docs
Home / File/ migrate-max-width-screen.test.ts — tailwindcss Source File

migrate-max-width-screen.test.ts — tailwindcss Source File

Architecture documentation for migrate-max-width-screen.test.ts, a typescript file in the tailwindcss codebase. 4 imports, 0 dependents.

File typescript CommandLineInterface 4 imports

Entity Profile

Dependency Diagram

graph LR
  9e6a4eed_af26_fb7e_5549_7192b40e3cea["migrate-max-width-screen.test.ts"]
  cc6b9529_7b9f_e67e_d645_39c9d1a98330["migrate-max-width-screen.ts"]
  9e6a4eed_af26_fb7e_5549_7192b40e3cea --> cc6b9529_7b9f_e67e_d645_39c9d1a98330
  7e2a5db3_0c6f_b3d9_be6d_22a6fc31669d["migrateMaxWidthScreen"]
  9e6a4eed_af26_fb7e_5549_7192b40e3cea --> 7e2a5db3_0c6f_b3d9_be6d_22a6fc31669d
  08129f89_e6ef_0092_629d_821c60228c89["node"]
  9e6a4eed_af26_fb7e_5549_7192b40e3cea --> 08129f89_e6ef_0092_629d_821c60228c89
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  9e6a4eed_af26_fb7e_5549_7192b40e3cea --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 9e6a4eed_af26_fb7e_5549_7192b40e3cea fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { __unstable__loadDesignSystem } from '@tailwindcss/node'
import { expect, test } from 'vitest'
import { migrateMaxWidthScreen } from './migrate-max-width-screen'

test('converts max-w-screen-* to max-w-[theme(screens.*)] (so it will later be converted to the var injection)', async () => {
  let designSystem = await __unstable__loadDesignSystem('@import "tailwindcss";', {
    base: __dirname,
  })

  let migrated = migrateMaxWidthScreen(designSystem, {}, 'max-w-screen-md')
  expect(migrated).toMatchInlineSnapshot(`"max-w-[theme(screens.md)]"`)
})

Domain

Dependencies

Source

Frequently Asked Questions

What does migrate-max-width-screen.test.ts do?
migrate-max-width-screen.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the CommandLineInterface domain.
What does migrate-max-width-screen.test.ts depend on?
migrate-max-width-screen.test.ts imports 4 module(s): migrate-max-width-screen.ts, migrateMaxWidthScreen, node, vitest.
Where is migrate-max-width-screen.test.ts in the architecture?
migrate-max-width-screen.test.ts is located at packages/@tailwindcss-upgrade/src/codemods/template/migrate-max-width-screen.test.ts (domain: CommandLineInterface, directory: packages/@tailwindcss-upgrade/src/codemods/template).

Analyze Your Own Codebase

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

Try Supermodel Free