tailwindcss/tests/extractor-edge-cases.test.js
Robin Malfait 44b3b429a8
Cleanup oxide — Part #2 (#13312)
* remove all oxide related code

* Update lightningcss to version 1.24.1

* update tests to match bumped Lightning CSS output

---------

Co-authored-by: depfu[bot] <23717796+depfu[bot]@users.noreply.github.com>
2024-03-22 17:12:14 +01:00

33 lines
795 B
JavaScript

import { run, html, css } from './util/run'
test('PHP arrays', async () => {
let config = {
content: [
{
raw: html`<h1 class="<?php echo wrap(['class' => "max-w-[16rem]"]); ?>">Hello world</h1>`,
},
],
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
.max-w-\[16rem\] {
max-width: 16rem;
}
`)
})
})
test('arbitrary values with quotes', async () => {
let config = { content: [{ raw: html`<div class="content-['hello]']"></div>` }] }
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
.content-\[\'hello\]\'\] {
--tw-content: 'hello]';
content: var(--tw-content);
}
`)
})
})