123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- import fs from 'fs'
- import path from 'path'
- import { run, css } from './util/run'
- test('important selector', () => {
- let config = {
- important: '#app',
- darkMode: 'class',
- content: [path.resolve(__dirname, './important-selector.test.html')],
- corePlugins: { preflight: false },
- plugins: [
- function ({ addComponents, addUtilities }) {
- addComponents(
- {
- '.btn': {
- button: 'yes',
- },
- },
- { respectImportant: true }
- )
- addComponents(
- {
- '@font-face': {
- 'font-family': 'Inter',
- },
- '@page': {
- margin: '1cm',
- },
- },
- { respectImportant: true }
- )
- addUtilities(
- {
- '.custom-util': {
- button: 'no',
- },
- },
- { respectImportant: false }
- )
- },
- ],
- }
- let input = css`
- @tailwind base;
- @tailwind components;
- @layer components {
- .custom-component {
- @apply font-bold;
- }
- .custom-important-component {
- @apply text-center !important;
- }
- }
- @tailwind utilities;
- `
- return run(input, config).then((result) => {
- let expectedPath = path.resolve(__dirname, './important-selector.test.css')
- let expected = fs.readFileSync(expectedPath, 'utf8')
- expect(result.css).toMatchFormattedCss(expected)
- })
- })
|