tailwindcss Architecture Docs
Home / File/ migrate-camelcase-in-named-value.test.ts — tailwindcss Source File

migrate-camelcase-in-named-value.test.ts — tailwindcss Source File

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

File typescript UpgradeToolkit 5 imports

Entity Profile

Dependency Diagram

graph LR
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee["migrate-camelcase-in-named-value.test.ts"]
  fff09679_e13c_392d_23bb_cebc04ddb008["version.ts"]
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee --> fff09679_e13c_392d_23bb_cebc04ddb008
  a3d633ca_ef21_d7dc_7d06_b552764f0d5f["migrate-camelcase-in-named-value.ts"]
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee --> a3d633ca_ef21_d7dc_7d06_b552764f0d5f
  32c3141d_1d0a_d72e_1a76_a960011fba35["migrateCamelcaseInNamedValue"]
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee --> 32c3141d_1d0a_d72e_1a76_a960011fba35
  92f2d961_72a4_d195_92d7_2e66972f8894["node"]
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee --> 92f2d961_72a4_d195_92d7_2e66972f8894
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  e295a71c_3b67_dd42_3cf7_c583c04aa2ee --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style e295a71c_3b67_dd42_3cf7_c583c04aa2ee 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 { migrateCamelcaseInNamedValue } from './migrate-camelcase-in-named-value'
vi.spyOn(versions, 'isMajor').mockReturnValue(true)

test.each([
  ['text-superRed', 'text-super-red'],
  ['text-red/superOpaque', 'text-red/super-opaque'],
  ['text-superRed/superOpaque', 'text-super-red/super-opaque'],

  // Should not migrate named values in modifiers
  ['group-hover/superGroup:underline', 'group-hover/superGroup:underline'],

  ['hover:text-superRed', 'hover:text-super-red'],
  ['hover:text-red/superOpaque', 'hover:text-red/super-opaque'],
  ['hover:text-superRed/superOpaque', 'hover:text-super-red/super-opaque'],
])('%s => %s', async (candidate, result) => {
  let designSystem = await __unstable__loadDesignSystem('@import "tailwindcss";', {
    base: __dirname,
  })

  expect(migrateCamelcaseInNamedValue(designSystem, {}, candidate)).toEqual(result)
})

Domain

Dependencies

Source

Frequently Asked Questions

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