Skip to content

Implement @variant #3712

Implement @variant

Implement @variant #3712

Triggered via pull request January 17, 2025 21:20
Status Failure
Total duration 2m 11s
Artifacts

integration-tests.yml

on: pull_request
Matrix: tests
Fit to window
Zoom out
Zoom in

Annotations

7 errors
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected: integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 1` mismatched - Expected + Received @@ -56,12 +56,10 @@ /* Inject missing @config above first @theme */ @import 'tailwindcss'; @config './tailwind.config.ts'; - @custom-variant hocus (&:hover, &:focus); - @theme { --color-red-500: #f00; } @theme { @@ -84,10 +82,14 @@ ::file-selector-button { border-color: var(--color-gray-200, currentColor); } } + @layer utilities { + @custom-variant hocus (&:hover, &:focus); + } + --- ./src/root.4/index.css --- /* Inject missing @config due to nested imports with tailwind imports */ @import './base.css'; @import './utilities.css'; ❯ upgrade/index.test.ts:1481:57 ❯ utils.ts:426:14
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected: integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 2` mismatched - Expected + Received @@ -56,12 +56,10 @@ /* Inject missing @config above first @theme */ @import 'tailwindcss'; @config './tailwind.config.ts'; - @custom-variant hocus (&:hover, &:focus); - @theme { --color-red-500: #f00; } @theme { @@ -84,10 +82,14 @@ ::file-selector-button { border-color: var(--color-gray-200, currentColor); } } + @layer utilities { + @custom-variant hocus (&:hover, &:focus); + } + --- ./src/root.4/index.css --- /* Inject missing @config due to nested imports with tailwind imports */ @import './base.css'; @import './utilities.css'; ❯ upgrade/index.test.ts:1481:57 ❯ utils.ts:426:14
upgrade/index.test.ts > injecting `@config` when a tailwind.config.{js,ts,…} is detected: integrations/upgrade/index.test.ts#L1481
Error: Snapshot `injecting `@config` when a tailwind.config.{js,ts,…} is detected 3` mismatched - Expected + Received @@ -56,12 +56,10 @@ /* Inject missing @config above first @theme */ @import 'tailwindcss'; @config './tailwind.config.ts'; - @custom-variant hocus (&:hover, &:focus); - @theme { --color-red-500: #f00; } @theme { @@ -84,10 +82,14 @@ ::file-selector-button { border-color: var(--color-gray-200, currentColor); } } + @layer utilities { + @custom-variant hocus (&:hover, &:focus); + } + --- ./src/root.4/index.css --- /* Inject missing @config due to nested imports with tailwind imports */ @import './base.css'; @import './utilities.css'; ❯ upgrade/index.test.ts:1481:57 ❯ utils.ts:426:14
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields: integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 1` mismatched - Expected + Received @@ -3,16 +3,16 @@ <div class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]" ></div> --- src/input.css --- + @custom-variant dark (&:where(.dark, .dark *)); + @import 'tailwindcss'; @source '../node_modules/my-external-lib/**/*.{html}'; - @custom-variant dark (&:where(.dark, .dark *)); - @theme { --shadow-*: initial; --shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08); --color-*: initial; ❯ upgrade/js-config.test.ts:158:58 ❯ utils.ts:426:14
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields: integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 2` mismatched - Expected + Received @@ -3,16 +3,16 @@ <div class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]" ></div> --- src/input.css --- + @custom-variant dark (&:where(.dark, .dark *)); + @import 'tailwindcss'; @source '../node_modules/my-external-lib/**/*.{html}'; - @custom-variant dark (&:where(.dark, .dark *)); - @theme { --shadow-*: initial; --shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08); --color-*: initial; ❯ upgrade/js-config.test.ts:158:58 ❯ utils.ts:426:14
upgrade/js-config.test.ts > upgrade JS config files with flat theme values, darkMode, and content fields: integrations/upgrade/js-config.test.ts#L158
Error: Snapshot `upgrade JS config files with flat theme values, darkMode, and content fields 3` mismatched - Expected + Received @@ -3,16 +3,16 @@ <div class="[letter-spacing:var(--tracking-super-wide)] [line-height:var(--leading-super-loose)]" ></div> --- src/input.css --- + @custom-variant dark (&:where(.dark, .dark *)); + @import 'tailwindcss'; @source '../node_modules/my-external-lib/**/*.{html}'; - @custom-variant dark (&:where(.dark, .dark *)); - @theme { --shadow-*: initial; --shadow-sm: 0 2px 6px rgb(15 23 42 / 0.08); --color-*: initial; ❯ upgrade/js-config.test.ts:158:58 ❯ utils.ts:426:14
Linux / upgrade
Process completed with exit code 1.