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 UpgradeToolkit 5 imports

Entity Profile

Dependency Diagram

graph LR
  605bd17e_7d24_228a_fbf8_a68323a3e832["migrate-legacy-classes.test.ts"]
  fff09679_e13c_392d_23bb_cebc04ddb008["version.ts"]
  605bd17e_7d24_228a_fbf8_a68323a3e832 --> fff09679_e13c_392d_23bb_cebc04ddb008
  f8237e3b_92f4_a95b_9115_6042ea9c4699["migrate-legacy-classes.ts"]
  605bd17e_7d24_228a_fbf8_a68323a3e832 --> f8237e3b_92f4_a95b_9115_6042ea9c4699
  155d1c0d_2551_0baf_c0ce_75204772c9a3["migrateLegacyClasses"]
  605bd17e_7d24_228a_fbf8_a68323a3e832 --> 155d1c0d_2551_0baf_c0ce_75204772c9a3
  92f2d961_72a4_d195_92d7_2e66972f8894["node"]
  605bd17e_7d24_228a_fbf8_a68323a3e832 --> 92f2d961_72a4_d195_92d7_2e66972f8894
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  605bd17e_7d24_228a_fbf8_a68323a3e832 --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style 605bd17e_7d24_228a_fbf8_a68323a3e832 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 UpgradeToolkit 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: UpgradeToolkit, 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