tailwindcss Architecture Docs
Home / File/ html-style-blocks.test.ts — tailwindcss Source File

html-style-blocks.test.ts — tailwindcss Source File

Architecture documentation for html-style-blocks.test.ts, a typescript file in the tailwindcss codebase. 2 imports, 0 dependents.

File typescript OxideEngine 2 imports

Entity Profile

Dependency Diagram

graph LR
  79f5c2a2_eb55_6736_2734_38d196590b9d["html-style-blocks.test.ts"]
  9ffd1dda_9675_c514_373d_0f4ab4648249["utils.ts"]
  79f5c2a2_eb55_6736_2734_38d196590b9d --> 9ffd1dda_9675_c514_373d_0f4ab4648249
  f11e3be9_51f8_140b_68b0_f58ddd082595["test"]
  79f5c2a2_eb55_6736_2734_38d196590b9d --> f11e3be9_51f8_140b_68b0_f58ddd082595
  style 79f5c2a2_eb55_6736_2734_38d196590b9d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { html, json, test, ts } from '../utils'

test(
  'transforms html style blocks',
  {
    fs: {
      'package.json': json`
        {
          "type": "module",
          "dependencies": {
            "tailwindcss": "workspace:^"
          },
          "devDependencies": {
            "@tailwindcss/vite": "workspace:^",
            "vite": "^7"
          }
        }
      `,
      'vite.config.ts': ts`
        import { defineConfig } from 'vite'
        import tailwindcss from '@tailwindcss/vite'

        export default defineConfig({
          plugins: [tailwindcss()],
        })
      `,
      'index.html': html`
        <!doctype html>
        <html>
          <body>
            <div class="foo"></div>
            <style>
              .foo {
                @apply underline;
              }
            </style>
          </body>
        </html>
      `,
    },
  },
  async ({ fs, exec, expect }) => {
    await exec('pnpm vite build')

    expect(await fs.dumpFiles('dist/*.html')).toMatchInlineSnapshot(`
      "
      --- dist/index.html ---
      <!doctype html>
      <html>
        <body>
          <div class="foo"></div>
          <style>.foo{text-decoration-line:underline}</style>
        </body>
      </html>
      "
    `)
  },
)

Domain

Dependencies

Source

Frequently Asked Questions

What does html-style-blocks.test.ts do?
html-style-blocks.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain.
What does html-style-blocks.test.ts depend on?
html-style-blocks.test.ts imports 2 module(s): test, utils.ts.
Where is html-style-blocks.test.ts in the architecture?
html-style-blocks.test.ts is located at integrations/vite/html-style-blocks.test.ts (domain: OxideEngine, directory: integrations/vite).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free