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

Entity Profile

Dependency Diagram

graph LR
  eb383a06_7f86_e9c5_3adf_f49fd1939047["migrate-camelcase-in-named-value.test.ts"]
  472e1b98_afcf_f1f2_ad91_916d742bb731["version.ts"]
  eb383a06_7f86_e9c5_3adf_f49fd1939047 --> 472e1b98_afcf_f1f2_ad91_916d742bb731
  52b211e0_83d1_a1d7_814c_3d7122a1a27e["migrate-camelcase-in-named-value.ts"]
  eb383a06_7f86_e9c5_3adf_f49fd1939047 --> 52b211e0_83d1_a1d7_814c_3d7122a1a27e
  e33960a2_fa25_720d_6e49_e29c569295d2["migrateCamelcaseInNamedValue"]
  eb383a06_7f86_e9c5_3adf_f49fd1939047 --> e33960a2_fa25_720d_6e49_e29c569295d2
  08129f89_e6ef_0092_629d_821c60228c89["node"]
  eb383a06_7f86_e9c5_3adf_f49fd1939047 --> 08129f89_e6ef_0092_629d_821c60228c89
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  eb383a06_7f86_e9c5_3adf_f49fd1939047 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style eb383a06_7f86_e9c5_3adf_f49fd1939047 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 CommandLineInterface 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: 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