123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- import path from 'path'
- import { run, html, css } from './util/run'
- function customTransformer(content) {
- return content.replace(/uppercase/g, 'lowercase')
- }
- test('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;
- }
- `)
- })
- })
- test('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;
- }
- `)
- })
- })
- test('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;
- }
- `)
- })
- })
|