wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Cleanup leftover layers (#4853)

Browse source 
* update snapshots with correct version

* add test that verifies @layer is removed correctly

* cleanup leftover `@layer` nodes
This commit is contained in:
Robin Malfait 2021-07-01 12:34:11 +02:00 • committed by GitHub
parent fe27356680
commit f4ea2cf77d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 64 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
integrations/tailwindcss-cli/tests/cli.test.js
View file

@ -258,7 +258,7 @@ describe('Build command', () => {
expect(combined).toMatchInlineSnapshot(`
"
tailwindcss v2.1.2
tailwindcss v2.2.4
Usage:
tailwindcss build [options]
@ -348,7 +348,7 @@ describe('Init command', () => {
expect(combined).toMatchInlineSnapshot(`
"
tailwindcss v2.1.2
tailwindcss v2.2.4
Usage:
tailwindcss init [options]

55
integrations/tailwindcss-cli/tests/integration.test.js
View file

@ -132,6 +132,61 @@ describe('watcher', () => {
return runningProcess.stop()
})
test('@layers are replaced and cleaned when the html file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)
await writeInputFile(
'index.css',
css`
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
html {
scroll-behavior: smooth;
}
}
`
)
let runningProcess = $('node ../../lib/cli.js -i ./src/index.css -o ./dist/main.css -w')
await waitForOutputFileCreation('main.css')
expect(await readOutputFile('main.css')).toIncludeCss(
css`
.font-bold {
font-weight: 700;
}
`
)
await waitForOutputFileChange('main.css', async () => {
await appendToInputFile('index.html', html`<div class="font-normal"></div>`)
})
expect(await readOutputFile('main.css')).not.toIncludeCss(css`
@layer base {
html {
scroll-behavior: smooth;
}
}
`)
expect(await readOutputFile('main.css')).toIncludeCss(
css`
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
`
)
return runningProcess.stop()
})
test('classes are generated when the tailwind.config.js file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold md:font-medium"></div>`)