update tests

Author: heidkaemper

.github/workflows/publish.yml

@@ -13,7 +13,6 @@ jobs:
         with:
           node-version: '20.x'
       - run: npm install
-      - run: npm install --prefix jest/legacy
       - run: npm test
 
   publish:

.github/workflows/tests.yml

@@ -15,6 +15,5 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - run: npm install
-      - run: npm install --prefix jest/legacy
       - run: npm run lint
       - run: npm run test

jest/legacy/index.test.js renamed to jest/legacy.test.js

@@ -1,15 +1,14 @@
-const fs = require('fs')
 const path = require('path')
 const postcss = require('postcss')
-const tailwindcss = require('tailwindcss')
+const tailwindcss = require('tailwindcss-legacy')
 
 async function run(file) {
     const { currentTestName } = expect.getState()
 
     const config = {
-        content: [file],
+        content: [`./jest/${file}`],
         corePlugins: { preflight: false },
-        plugins: [require('../../src')],
+        plugins: [require('../src')],
     }
 
     const result = await postcss(tailwindcss(config)).process('@tailwind utilities', {
@@ -20,63 +19,59 @@ async function run(file) {
 }
 
 describe('legacy tailwind', () => {
-    if (! fs.existsSync(`${__dirname}/node_modules`)) {
-        throw new Error(`Dependencies in ${__dirname} are missing`)
-    }
-
     it('generates `composition` utilities', async () => {
-        expect(await run('jest/content/composition.html')).toIncludeAll([
+        expect(await run('content/composition.html')).toIncludeAll([
             '.animate-add { animation-composition: add; }',
             '.animate-replace { animation-composition: replace; }',
             '.animate-accumulate { animation-composition: accumulate; }',
         ])
     })
 
     it('should add `delay` utilities', async () => {
-        expect(await run('jest/content/delay.html')).toIncludeAll([
+        expect(await run('content/delay.html')).toIncludeAll([
             '.animate-delay-75 { animation-delay: 75ms; }',
             '.animate-delay-\\[666ms\\] { animation-delay: 666ms; }',
         ])
     })
 
     it('generates `direction` utilities', async () => {
-        expect(await run('jest/content/direction.html')).toIncludeAll([
+        expect(await run('content/direction.html')).toIncludeAll([
             '.animate-normal { animation-direction: normal; }',
             '.animate-reverse { animation-direction: reverse; }',
         ])
     })
 
     it('generates `duration` utilities', async () => {
-        expect(await run('jest/content/duration.html')).toIncludeAll([
+        expect(await run('content/duration.html')).toIncludeAll([
             '.animate-duration-75 { animation-duration: 75ms; }',
             '.animate-duration-\\[666ms\\] { animation-duration: 666ms; }',
         ])
     })
 
     it('generates `fill-mode` utilities', async () => {
-        expect(await run('jest/content/fill-mode.html')).toIncludeAll([
+        expect(await run('content/fill-mode.html')).toIncludeAll([
             '.animate-fill-both { animation-fill-mode: both; }',
             '.animate-fill-none { animation-fill-mode: normal; }',
         ])
     })
 
     it('generates `iteration-count` utilities', async () => {
-        expect(await run('jest/content/iteration-count.html')).toIncludeAll([
+        expect(await run('content/iteration-count.html')).toIncludeAll([
             '.animate-infinite { animation-iteration-count: infinite; }',
             '.animate-once { animation-iteration-count: 1; }',
             '.animate-iteration-\\[14\\] { animation-iteration-count: 14; }',
         ])
     })
 
     it('generates `play-state` utilities', async () => {
-        expect(await run('jest/content/play-state.html')).toIncludeAll([
+        expect(await run('content/play-state.html')).toIncludeAll([
             '.animate-play { animation-play-state: running; }',
             '.animate-stop { animation-play-state: paused; }',
         ])
     })
 
     it('generates predefined animations', async () => {
-        expect(await run('jest/content/predefined-animations.html')).toIncludeAll([
+        expect(await run('content/predefined-animations.html')).toIncludeAll([
             '.animate-fade { animation: fade var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both; }',
             '@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; }}',
             '.animate-spin { animation: spin var(--default-animation-duration, 1s) var(--default-animation-timing-function, linear) var(--default-animation-delay, 0s) infinite; }',
@@ -85,7 +80,7 @@ describe('legacy tailwind', () => {
     })
 
     it('generates `timing-function` utilities', async () => {
-        expect(await run('jest/content/timing-function.html')).toIncludeAll([
+        expect(await run('content/timing-function.html')).toIncludeAll([
             '.animate-ease { animation-timing-function: ease; }',
             '.animate-ease-linear { animation-timing-function: linear; }',
             '.animate-ease-\\[cubic-bezier\\(1\\2c 0\\.66\\2c 0\\.33\\2c 0\\)\\] { animation-timing-function: cubic-bezier(1,0.66,0.33,0); }',

jest/legacy/package.json

@@ -39,7 +39,7 @@
         "eslint": "^9.18.0",
         "eslint-plugin-jest": "^28.11.0",
         "jest": "^29.7.0",
-        "postcss": "^8.5.1",
-        "tailwindcss": "^4.0.0"
+        "tailwindcss": "^4.0.0",
+        "tailwindcss-legacy": "npm:[email protected].0"
     }
 }