tailwindcss Architecture Docs
Home / File/ is-safe-migration.test.ts — tailwindcss Source File

is-safe-migration.test.ts — tailwindcss Source File

Architecture documentation for is-safe-migration.test.ts, a typescript file in the tailwindcss codebase. 5 imports, 0 dependents.

File typescript CommandLineInterface 5 imports

Entity Profile

Dependency Diagram

graph LR
  2b51b682_0d56_1a02_6f48_58a0c0a24159["is-safe-migration.test.ts"]
  472e1b98_afcf_f1f2_ad91_916d742bb731["version.ts"]
  2b51b682_0d56_1a02_6f48_58a0c0a24159 --> 472e1b98_afcf_f1f2_ad91_916d742bb731
  e39bed3f_bfbf_a8c6_90a0_aa2ce3be1ef4["migrate.ts"]
  2b51b682_0d56_1a02_6f48_58a0c0a24159 --> e39bed3f_bfbf_a8c6_90a0_aa2ce3be1ef4
  66c57db2_afd7_9e7b_cea6_76cdb074b086["migrateCandidate"]
  2b51b682_0d56_1a02_6f48_58a0c0a24159 --> 66c57db2_afd7_9e7b_cea6_76cdb074b086
  08129f89_e6ef_0092_629d_821c60228c89["node"]
  2b51b682_0d56_1a02_6f48_58a0c0a24159 --> 08129f89_e6ef_0092_629d_821c60228c89
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  2b51b682_0d56_1a02_6f48_58a0c0a24159 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 2b51b682_0d56_1a02_6f48_58a0c0a24159 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

const css = String.raw

describe('is-safe-migration', async () => {
  let designSystem = await __unstable__loadDesignSystem(
    css`
      @import 'tailwindcss';

      /* TODO(perf): Only here to speed up the tests */
      @theme {
        --*: initial;
        --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      }
    `,
    { base: __dirname },
  )

  test.each([
    [`let notBorder = !border    \n`, '!border'],
    [`{ "foo": !border.something + ""}\n`, '!border'],
    [`<div v-if="something && !border"></div>\n`, '!border'],
    [`<div v-else-if="something && !border"></div>\n`, '!border'],
    [`<div v-show="something && !border"></div>\n`, '!border'],
    [`<div v-if="!border || !border"></div>\n`, '!border'],
    [`<div v-else-if="!border || !border"></div>\n`, '!border'],
    [`<div v-show="!border || !border"></div>\n`, '!border'],
    [`<div v-if="!border"></div>\n`, '!border'],
    [`<div v-else-if="!border"></div>\n`, '!border'],
    [`<div v-show="!border"></div>\n`, '!border'],
    [`<div x-if="!border"></div>\n`, '!border'],

    [`let notShadow = shadow    \n`, 'shadow'],
    [`{ "foo": shadow.something + ""}\n`, 'shadow'],
    [`<div v-if="something && shadow"></div>\n`, 'shadow'],
    [`<div v-else-if="something && shadow"></div>\n`, 'shadow'],
    [`<div v-show="something && shadow"></div>\n`, 'shadow'],
    [`<div v-if="shadow || shadow"></div>\n`, 'shadow'],
    [`<div v-else-if="shadow || shadow"></div>\n`, 'shadow'],
    [`<div v-show="shadow || shadow"></div>\n`, 'shadow'],
    [`<div v-if="shadow"></div>\n`, 'shadow'],
    [`<div v-else-if="shadow"></div>\n`, 'shadow'],
    [`<div v-show="shadow"></div>\n`, 'shadow'],
    [`<div x-if="shadow"></div>\n`, 'shadow'],
    [`<div style={{filter: 'drop-shadow(30px 10px 4px #4444dd)'}}/>\n`, 'shadow'],

    // Next.js Image placeholder cases
    [`<Image placeholder="blur" src="/image.jpg" />`, 'blur'],
    [`<Image placeholder={'blur'} src="/image.jpg" />`, 'blur'],
    [`<Image placeholder={blur} src="/image.jpg" />`, 'blur'],

    // https://github.com/tailwindlabs/tailwindcss/issues/17974
    ['<div v-if="!duration">', '!duration'],
    ['<div :active="!duration">', '!duration'],
    ['<div :active="!visible">', '!visible'],
// ... (91 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

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