tailwindcss Architecture Docs
Home / File/ migrate-legacy-classes.test.ts — tailwindcss Source File

migrate-legacy-classes.test.ts — tailwindcss Source File

Architecture documentation for migrate-legacy-classes.test.ts, a typescript file in the tailwindcss codebase. 5 imports, 0 dependents.

File typescript CommandLineInterface 5 imports

Entity Profile

Dependency Diagram

graph LR
  4db93117_bc6e_b16e_cb2a_d0e7c18007af["migrate-legacy-classes.test.ts"]
  472e1b98_afcf_f1f2_ad91_916d742bb731["version.ts"]
  4db93117_bc6e_b16e_cb2a_d0e7c18007af --> 472e1b98_afcf_f1f2_ad91_916d742bb731
  b221facd_4d62_d2ce_4a2c_e77999b7a5ae["migrate-legacy-classes.ts"]
  4db93117_bc6e_b16e_cb2a_d0e7c18007af --> b221facd_4d62_d2ce_4a2c_e77999b7a5ae
  e23cd15e_fdc1_d590_bce2_3d2a9c41fd9f["migrateLegacyClasses"]
  4db93117_bc6e_b16e_cb2a_d0e7c18007af --> e23cd15e_fdc1_d590_bce2_3d2a9c41fd9f
  08129f89_e6ef_0092_629d_821c60228c89["node"]
  4db93117_bc6e_b16e_cb2a_d0e7c18007af --> 08129f89_e6ef_0092_629d_821c60228c89
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  4db93117_bc6e_b16e_cb2a_d0e7c18007af --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 4db93117_bc6e_b16e_cb2a_d0e7c18007af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { __unstable__loadDesignSystem } from '@tailwindcss/node'
import { expect, test, vi } from 'vitest'
import * as versions from '../../utils/version'
import { migrateLegacyClasses } from './migrate-legacy-classes'
vi.spyOn(versions, 'isMajor').mockReturnValue(true)

test.each([
  ['shadow', 'shadow-sm'],
  ['shadow-sm', 'shadow-xs'],
  ['shadow-xs', 'shadow-2xs'],

  ['inset-shadow', 'inset-shadow-sm'],
  ['inset-shadow-sm', 'inset-shadow-xs'],
  ['inset-shadow-xs', 'inset-shadow-2xs'],

  ['drop-shadow', 'drop-shadow-sm'],
  ['drop-shadow-sm', 'drop-shadow-xs'],

  ['rounded', 'rounded-sm'],
  ['rounded-sm', 'rounded-xs'],

  ['blur', 'blur-sm'],
  ['blur-sm', 'blur-xs'],

  ['backdrop-blur', 'backdrop-blur-sm'],
  ['backdrop-blur-sm', 'backdrop-blur-xs'],

  ['ring', 'ring-3'],

  ['outline', 'outline-solid'],

  ['blur!', 'blur-sm!'],
  ['hover:blur', 'hover:blur-sm'],
  ['hover:blur!', 'hover:blur-sm!'],

  ['hover:blur-sm', 'hover:blur-xs'],
  ['blur-sm!', 'blur-xs!'],
  ['hover:blur-sm!', 'hover:blur-xs!'],
])('%s => %s (%#)', async (candidate, result) => {
  let designSystem = await __unstable__loadDesignSystem('@import "tailwindcss";', {
    base: __dirname,
  })

  expect(await migrateLegacyClasses(designSystem, {}, candidate)).toEqual(result)
})

Domain

Dependencies

Source

Frequently Asked Questions

What does migrate-legacy-classes.test.ts do?
migrate-legacy-classes.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the CommandLineInterface domain.
What does migrate-legacy-classes.test.ts depend on?
migrate-legacy-classes.test.ts imports 5 module(s): migrate-legacy-classes.ts, migrateLegacyClasses, node, version.ts, vitest.
Where is migrate-legacy-classes.test.ts in the architecture?
migrate-legacy-classes.test.ts is located at packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.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