Skip to content

Commit

Permalink
Debug teardown timeout on Windows
Browse files Browse the repository at this point in the history
  • Loading branch information
@philipp-spiess
philipp-spiess committed Aug 8, 2024
1 parent cde2d51 commit ad68313
Show file tree
Hide file tree
Showing 4 changed files with 332 additions and 319 deletions.
11 changes: 11 additions & 0 deletions integrations/cli/index.test.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,11 @@ test(
},
},
async ({ root, fs, exec }) => {
console.log('start cli test 1')
await exec('pnpm tailwindcss --input src/index.css --output dist/out.css', {
cwd: path.join(root, 'project-a'),
})
console.log('spwaned test 1')

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`underline`,
Expand All @@ -57,6 +59,8 @@ test(
candidate`inverted:flex`,
candidate`hocus:underline`,
])
console.log('first expectFileToContain test 1')
console.log('end cli test 1')
},
)

Expand Down Expand Up @@ -105,9 +109,11 @@ test(
},
},
async ({ root, fs, spawn }) => {
console.log('start cli test 2')
await spawn('pnpm tailwindcss --input src/index.css --output dist/out.css --watch', {
cwd: path.join(root, 'project-a'),
})
console.log('spwaned test 2')

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`underline`,
Expand All @@ -116,6 +122,7 @@ test(
candidate`inverted:flex`,
candidate`hocus:underline`,
])
console.log('first expectFileToContain test 2')

await fs.write(
'project-a/src/index.js',
Expand All @@ -127,6 +134,7 @@ test(
await fs.expectFileToContain('project-a/dist/out.css', [
candidate`[.changed_&]:content-['project-a/src/index.js']`,
])
console.log('second expectFileToContain test 2')

await fs.write(
'project-b/src/index.js',
Expand All @@ -138,5 +146,8 @@ test(
await fs.expectFileToContain('project-a/dist/out.css', [
candidate`[.changed_&]:content-['project-b/src/index.js']`,
])
console.log('third expectFileToContain test 2')

console.log('end cli test 2')
},
)
311 changes: 154 additions & 157 deletions integrations/postcss/index.test.ts
View file
Original file line number Diff line number Diff line change
@@ -1,164 +1,161 @@
import path from 'node:path'
import { candidate, css, html, js, json, test, yaml } from '../utils'
// test(
// 'production build',
// {
// fs: {
// 'package.json': json`{}`,
// 'pnpm-workspace.yaml': yaml`
// #
// packages:
// - project-a
// `,
// 'project-a/package.json': json`
// {
// "dependencies": {
// "postcss": "^8",
// "postcss-cli": "^10",
// "tailwindcss": "workspace:^",
// "@tailwindcss/postcss": "workspace:^"
// }
// }
// `,
// 'project-a/postcss.config.js': js`
// module.exports = {
// plugins: {
// '@tailwindcss/postcss': {},
// },
// }
// `,
// 'project-a/index.html': html`
// <div
// class="underline 2xl:font-bold hocus:underline inverted:flex"
// ></div>
// `,
// 'project-a/plugin.js': js`
// module.exports = function ({ addVariant }) {
// addVariant('inverted', '@media (inverted-colors: inverted)')
// addVariant('hocus', ['&:focus', '&:hover'])
// }
// `,
// 'project-a/src/index.css': css`
// @import 'tailwindcss/utilities';
// @source '../../project-b/src/**/*.js';
// @plugin '../plugin.js';
// `,
// 'project-a/src/index.js': js`
// const className = "content-['a/src/index.js']"
// module.exports = { className }
// `,
// 'project-b/src/index.js': js`
// const className = "content-['b/src/index.js']"
// module.exports = { className }
// `,
// },
// },
// async ({ root, fs, exec }) => {
// await exec('pnpm postcss src/index.css --output dist/out.css', {
// cwd: path.join(root, 'project-a'),
// })

test(
'production build',
{
fs: {
'package.json': json`{}`,
'pnpm-workspace.yaml': yaml`
#
packages:
- project-a
`,
'project-a/package.json': json`
{
"dependencies": {
"postcss": "^8",
"postcss-cli": "^10",
"tailwindcss": "workspace:^",
"@tailwindcss/postcss": "workspace:^"
}
}
`,
'project-a/postcss.config.js': js`
module.exports = {
plugins: {
'@tailwindcss/postcss': {},
},
}
`,
'project-a/index.html': html`
<div
class="underline 2xl:font-bold hocus:underline inverted:flex"
></div>
`,
'project-a/plugin.js': js`
module.exports = function ({ addVariant }) {
addVariant('inverted', '@media (inverted-colors: inverted)')
addVariant('hocus', ['&:focus', '&:hover'])
}
`,
'project-a/src/index.css': css`
@import 'tailwindcss/utilities';
@source '../../project-b/src/**/*.js';
@plugin '../plugin.js';
`,
'project-a/src/index.js': js`
const className = "content-['a/src/index.js']"
module.exports = { className }
`,
'project-b/src/index.js': js`
const className = "content-['b/src/index.js']"
module.exports = { className }
`,
},
},
async ({ root, fs, exec }) => {
await exec('pnpm postcss src/index.css --output dist/out.css', {
cwd: path.join(root, 'project-a'),
})
// await fs.expectFileToContain('project-a/dist/out.css', [
// candidate`underline`,
// candidate`content-['a/src/index.js']`,
// candidate`content-['b/src/index.js']`,
// candidate`inverted:flex`,
// candidate`hocus:underline`,
// ])
// },
// )

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`underline`,
candidate`content-['a/src/index.js']`,
candidate`content-['b/src/index.js']`,
candidate`inverted:flex`,
candidate`hocus:underline`,
])
},
)
// test(
// 'watch mode',
// {
// fs: {
// 'package.json': json`{}`,
// 'pnpm-workspace.yaml': yaml`
// #
// packages:
// - project-a
// `,
// 'project-a/package.json': json`
// {
// "dependencies": {
// "postcss": "^8",
// "postcss-cli": "^10",
// "tailwindcss": "workspace:^",
// "@tailwindcss/postcss": "workspace:^"
// }
// }
// `,
// 'project-a/postcss.config.js': js`
// module.exports = {
// plugins: {
// '@tailwindcss/postcss': {},
// },
// }
// `,
// 'project-a/index.html': html`
// <div
// class="underline 2xl:font-bold hocus:underline inverted:flex"
// ></div>
// `,
// 'project-a/plugin.js': js`
// module.exports = function ({ addVariant }) {
// addVariant('inverted', '@media (inverted-colors: inverted)')
// addVariant('hocus', ['&:focus', '&:hover'])
// }
// `,
// 'project-a/src/index.css': css`
// @import 'tailwindcss/utilities';
// @source '../../project-b/src/**/*.js';
// @plugin '../plugin.js';
// `,
// 'project-a/src/index.js': js`
// const className = "content-['a/src/index.js']"
// module.exports = { className }
// `,
// 'project-b/src/index.js': js`
// const className = "content-['b/src/index.js']"
// module.exports = { className }
// `,
// },
// },
// async ({ root, fs, spawn }) => {
// let process = await spawn(
// 'pnpm postcss src/index.css --output dist/out.css --watch --verbose',
// { cwd: path.join(root, 'project-a') },
// )
// await process.onStderr((message) => message.includes('Waiting for file changes...'))

test(
'watch mode',
{
fs: {
'package.json': json`{}`,
'pnpm-workspace.yaml': yaml`
#
packages:
- project-a
`,
'project-a/package.json': json`
{
"dependencies": {
"postcss": "^8",
"postcss-cli": "^10",
"tailwindcss": "workspace:^",
"@tailwindcss/postcss": "workspace:^"
}
}
`,
'project-a/postcss.config.js': js`
module.exports = {
plugins: {
'@tailwindcss/postcss': {},
},
}
`,
'project-a/index.html': html`
<div
class="underline 2xl:font-bold hocus:underline inverted:flex"
></div>
`,
'project-a/plugin.js': js`
module.exports = function ({ addVariant }) {
addVariant('inverted', '@media (inverted-colors: inverted)')
addVariant('hocus', ['&:focus', '&:hover'])
}
`,
'project-a/src/index.css': css`
@import 'tailwindcss/utilities';
@source '../../project-b/src/**/*.js';
@plugin '../plugin.js';
`,
'project-a/src/index.js': js`
const className = "content-['a/src/index.js']"
module.exports = { className }
`,
'project-b/src/index.js': js`
const className = "content-['b/src/index.js']"
module.exports = { className }
`,
},
},
async ({ root, fs, spawn }) => {
let process = await spawn(
'pnpm postcss src/index.css --output dist/out.css --watch --verbose',
{ cwd: path.join(root, 'project-a') },
)
await process.onStderr((message) => message.includes('Waiting for file changes...'))
// await fs.expectFileToContain('project-a/dist/out.css', [
// candidate`underline`,
// candidate`content-['a/src/index.js']`,
// candidate`content-['b/src/index.js']`,
// candidate`inverted:flex`,
// candidate`hocus:underline`,
// ])

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`underline`,
candidate`content-['a/src/index.js']`,
candidate`content-['b/src/index.js']`,
candidate`inverted:flex`,
candidate`hocus:underline`,
])
// await fs.write(
// 'project-a/src/index.js',
// js`
// const className = "[.changed_&]:content-['project-a/src/index.js']"
// module.exports = { className }
// `,
// )

await fs.write(
'project-a/src/index.js',
js`
const className = "[.changed_&]:content-['project-a/src/index.js']"
module.exports = { className }
`,
)
// await fs.expectFileToContain('project-a/dist/out.css', [
// candidate`[.changed_&]:content-['project-a/src/index.js']`,
// ])

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`[.changed_&]:content-['project-a/src/index.js']`,
])
// await fs.write(
// 'project-b/src/index.js',
// js`
// const className = "[.changed_&]:content-['project-b/src/index.js']"
// module.exports = { className }
// `,
// )

await fs.write(
'project-b/src/index.js',
js`
const className = "[.changed_&]:content-['project-b/src/index.js']"
module.exports = { className }
`,
)

await fs.expectFileToContain('project-a/dist/out.css', [
candidate`[.changed_&]:content-['project-b/src/index.js']`,
])
},
)
// await fs.expectFileToContain('project-a/dist/out.css', [
// candidate`[.changed_&]:content-['project-b/src/index.js']`,
// ])
// },
// )
Loading

0 comments on commit ad68313

Please sign in to comment.