b643d399db
- Setup the codebase to be able to use the Rust parts based on an environment variable: `OXIDE=1`. - Setup some tests that run both the non-Rust and Rust version in the same test. - Sort the candidates in a consistent way, to guarantee the order for now (especially in tests). - Reflect sorting related changes in tests. - Ensure tests run in both the Rust and non-Rust version. (Some tests are explicitly skipped when using the Rust version since we haven't implemented those features yet. These include: custom prefix, transformers and extractors). - `jest` -`OXIDE=1 jest`
71 lines
1.5 KiB
JavaScript
71 lines
1.5 KiB
JavaScript
import path from 'path'
|
|
import { run, html, css } from './util/run'
|
|
import { env } from '../src/lib/sharedState'
|
|
|
|
let t = env.OXIDE ? test.skip : test
|
|
|
|
function customTransformer(content) {
|
|
return content.replace(/uppercase/g, 'lowercase')
|
|
}
|
|
|
|
t('transform function', () => {
|
|
let config = {
|
|
content: {
|
|
files: [{ raw: html`<div class="uppercase"></div>` }],
|
|
transform: customTransformer,
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchFormattedCss(css`
|
|
.lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
`)
|
|
})
|
|
})
|
|
|
|
t('transform.DEFAULT', () => {
|
|
let config = {
|
|
content: {
|
|
files: [{ raw: html`<div class="uppercase"></div>` }],
|
|
transform: {
|
|
DEFAULT: customTransformer,
|
|
},
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchFormattedCss(css`
|
|
.lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
`)
|
|
})
|
|
})
|
|
|
|
t('transform.{extension}', () => {
|
|
let config = {
|
|
content: {
|
|
files: [
|
|
path.resolve(__dirname, './custom-transformers.test.html'),
|
|
path.resolve(__dirname, './custom-transformers.test.php'),
|
|
],
|
|
transform: {
|
|
html: () => 'uppercase',
|
|
php: () => 'lowercase',
|
|
},
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchFormattedCss(css`
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
`)
|
|
})
|
|
})
|