js-config.test.ts — tailwindcss Source File

Architecture documentation for js-config.test.ts, a typescript file in the tailwindcss codebase. 4 imports, 0 dependents.

File typescript OxideEngine 4 imports

Entity Profile

OxideEngine→ js-config.test.ts — tailwindcss Source File

Dependency Diagram

graph LR
  57a1219e_0e6a_378e_4b44_ba25f4fcd5e1["js-config.test.ts"]
  9ffd1dda_9675_c514_373d_0f4ab4648249["utils.ts"]
  57a1219e_0e6a_378e_4b44_ba25f4fcd5e1 --> 9ffd1dda_9675_c514_373d_0f4ab4648249
  f11e3be9_51f8_140b_68b0_f58ddd082595["test"]
  57a1219e_0e6a_378e_4b44_ba25f4fcd5e1 --> f11e3be9_51f8_140b_68b0_f58ddd082595
  2a7660a5_3e09_bd74_37f0_e4e54bc64ce5["node:path"]
  57a1219e_0e6a_378e_4b44_ba25f4fcd5e1 --> 2a7660a5_3e09_bd74_37f0_e4e54bc64ce5
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  57a1219e_0e6a_378e_4b44_ba25f4fcd5e1 --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style 57a1219e_0e6a_378e_4b44_ba25f4fcd5e1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import path from 'node:path'
import { describe } from 'vitest'
import { css, html, json, test, ts } from '../utils'

test(
  `upgrade JS config files with flat theme values, darkMode, and content fields`,
  {
    fs: {
      'package.json': json`
        {
          "dependencies": {
            "tailwindcss": "^3",
            "@tailwindcss/upgrade": "workspace:^"
          }
        }
      `,
      'tailwind.config.ts': ts`
        import { type Config } from 'tailwindcss'
        import defaultTheme from 'tailwindcss/defaultTheme'

        module.exports = {
          darkMode: 'selector',
          content: ['./src/**/*.{html,js}', './node_modules/my-external-lib/**/*.{html}'],
          theme: {
            boxShadow: {
              sm: '0 2px 6px rgb(15 23 42 / 0.08)',
            },
            colors: {
              red: {
                400: '#f87171',
                500: 'red',
              },
              superRed: '#ff0000',
              steel: 'rgb(70 130 180 / <alpha-value>)',
              smoke: 'rgba(245, 245, 245, var(--smoke-alpha, <alpha-value>))',
            },
            ringColor: {
              DEFAULT: '#c0ffee',
            },
            opacity: {
              superOpaque: '0.95',
            },
            fontSize: {
              xs: ['0.75rem', { lineHeight: '1rem' }],
              sm: ['0.875rem', { lineHeight: '1.5rem' }],
              base: ['1rem', { lineHeight: '2rem' }],
              lg: ['1.125rem', '2.5rem'],
              xl: ['1.5rem', '3rem', 'invalid'],
              '2xl': ['2rem'],
            },
            width: {
              px: '1px',
              auto: 'auto',
              1: '0.25rem',
              1.5: '0.375rem',
              2: '0.5rem',
              2.5: '0.625rem',
              3: '0.75rem',
              3.5: '0.875rem',
              4: '1rem',
// ... (2029 more lines)