Skip to content

Commit

Permalink
Remove the watching context (#6858)
Browse files Browse the repository at this point in the history
* remove watching context

* update changelog
  • Loading branch information
RobinMalfait committed Jan 3, 2022
1 parent b9af5a9 commit 1cbb29f
Show file tree
Hide file tree
Showing 12 changed files with 62 additions and 396 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
Expand Up @@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Validate `theme()` works in arbitrary values ([#6852](https://github.com/tailwindlabs/tailwindcss/pull/6852))
- Properly detect `theme()` value usage in arbitrary properties ([#6854](https://github.com/tailwindlabs/tailwindcss/pull/6854))
- Improve collapsing of duplicate declarations ([#6856](https://github.com/tailwindlabs/tailwindcss/pull/6856))
- Remove the watching context ([#6858](https://github.com/tailwindlabs/tailwindcss/pull/6858))

## [3.0.8] - 2021-12-28

Expand Down
12 changes: 3 additions & 9 deletions integrations/parcel/tests/integration.test.js
Expand Up @@ -43,9 +43,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down Expand Up @@ -103,9 +101,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down Expand Up @@ -172,9 +168,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down
12 changes: 3 additions & 9 deletions integrations/postcss-cli/tests/integration.test.js
Expand Up @@ -32,9 +32,7 @@ describe('watcher', () => {
test('classes are generated when the html file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')
await runningProcess.onStderr(ready)

expect(await readOutputFile('main.css')).toIncludeCss(
Expand Down Expand Up @@ -83,9 +81,7 @@ describe('watcher', () => {
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>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')

await runningProcess.onStderr(ready)

Expand Down Expand Up @@ -145,9 +141,7 @@ describe('watcher', () => {
test('classes are generated when the index.css file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')

await runningProcess.onStderr(ready)

Expand Down
8 changes: 4 additions & 4 deletions integrations/rollup/tests/integration.test.js
Expand Up @@ -28,11 +28,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
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>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down Expand Up @@ -140,7 +140,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down
12 changes: 3 additions & 9 deletions integrations/vite/tests/integration.test.js
Expand Up @@ -53,9 +53,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down Expand Up @@ -110,9 +108,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down Expand Up @@ -177,9 +173,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down
8 changes: 4 additions & 4 deletions integrations/webpack-4/tests/integration.test.js
Expand Up @@ -25,11 +25,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
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>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -142,7 +142,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down
10 changes: 5 additions & 5 deletions integrations/webpack-5/tests/integration.test.js
Expand Up @@ -25,11 +25,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
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>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -142,7 +142,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -245,7 +245,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
`
)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down

0 comments on commit 1cbb29f

Please sign in to comment.