tailwindcss/tests/plugins/variants/pseudoClassVariants.test.js
Robin Malfait dba5043591
Ensure all built-in plugins have tests (#11618)
* move `preflight` tests to `plugins` test folder

* move `container` tests to `plugins` test folder

* add a test that ensures that all built-in plugins have tests

This is based on a few assumptions:

1. All plugins exist in the `corePlugins.js` file and are exported as
   `corePlugins`
2. Each exported plugin in that object has a file with a corresponding
   name in the current (`tests/plugins/`) folder

* add dedicated plugin tests in the `plugins` folder

* add a test that ensures that all built-in variant plugins have tests

This is based on a few assumptions:

1. All variant plugins exist in the `corePlugins.js` file and are
   exported as `variantPlugins`
2. Each exported plugin in that object has a file with a corresponding
   name in the current (`tests/plugins/variants/`) folder

* add dedicated variant plugin tests in the `plugins/variants` folder

* cleanup basic usage test

* move existing animation tests to animation plugin tests

* move `apply-important-selector` tests to more appropriate location
2023-07-24 11:41:52 +02:00

177 lines
6.4 KiB
JavaScript

import { css, quickVariantPluginTest } from '../../util/run'
quickVariantPluginTest('pseudoClassVariants').toMatchFormattedCss(css`
.first\:flex:first-child,
.last\:flex:last-child,
.only\:flex:only-child,
.odd\:flex:nth-child(odd),
.even\:flex:nth-child(2n),
.first-of-type\:flex:first-of-type,
.last-of-type\:flex:last-of-type,
.only-of-type\:flex:only-of-type,
.visited\:flex:visited,
.target\:flex:target,
.open\:flex[open],
.default\:flex:default,
.checked\:flex:checked,
.indeterminate\:flex:indeterminate,
.placeholder-shown\:flex:placeholder-shown {
display: flex;
}
.autofill\:flex:-webkit-autofill {
display: flex;
}
.autofill\:flex:autofill {
display: flex;
}
.optional\:flex:optional,
.required\:flex:required,
.valid\:flex:valid,
.invalid\:flex:invalid,
.in-range\:flex:in-range,
.out-of-range\:flex:out-of-range,
.read-only\:flex:read-only,
.empty\:flex:empty,
.focus-within\:flex:focus-within,
.hover\:flex:hover,
.focus\:flex:focus {
display: flex;
}
.focus-visible\:flex:focus-visible {
display: flex;
}
.active\:flex:active,
.enabled\:flex:enabled,
.disabled\:flex:disabled,
.group:first-child .group-first\:flex,
.group:last-child .group-last\:flex,
.group:only-child .group-only\:flex,
.group:nth-child(odd) .group-odd\:flex,
.group:nth-child(2n) .group-even\:flex,
.group:first-of-type .group-first-of-type\:flex,
.group:last-of-type .group-last-of-type\:flex,
.group:only-of-type .group-only-of-type\:flex,
.group:visited .group-visited\:flex,
.group:target .group-target\:flex,
.group[open] .group-open\:flex,
.group:default .group-default\:flex,
.group:checked .group-checked\:flex,
.group:indeterminate .group-indeterminate\:flex,
.group:placeholder-shown .group-placeholder-shown\:flex,
.group:-webkit-autofill .group-autofill\:flex,
.group:optional .group-optional\:flex,
.group:required .group-required\:flex,
.group:valid .group-valid\:flex,
.group:invalid .group-invalid\:flex,
.group:in-range .group-in-range\:flex,
.group:out-of-range .group-out-of-range\:flex,
.group:read-only .group-read-only\:flex,
.group:empty .group-empty\:flex,
.group:focus-within .group-focus-within\:flex,
.group:hover .group-hover\:flex,
.group:focus .group-focus\:flex,
.group:focus-visible .group-focus-visible\:flex,
.group:active .group-active\:flex,
.group:enabled .group-enabled\:flex,
.group:disabled .group-disabled\:flex,
.peer:first-child ~ .peer-first\:flex,
.peer:last-child ~ .peer-last\:flex,
.peer:only-child ~ .peer-only\:flex,
.peer:nth-child(odd) ~ .peer-odd\:flex,
.peer:nth-child(2n) ~ .peer-even\:flex,
.peer:first-of-type ~ .peer-first-of-type\:flex,
.peer:last-of-type ~ .peer-last-of-type\:flex,
.peer:only-of-type ~ .peer-only-of-type\:flex,
.peer:visited ~ .peer-visited\:flex,
.peer:target ~ .peer-target\:flex,
.peer[open] ~ .peer-open\:flex,
.peer:default ~ .peer-default\:flex,
.peer:checked ~ .peer-checked\:flex,
.peer:indeterminate ~ .peer-indeterminate\:flex,
.peer:placeholder-shown ~ .peer-placeholder-shown\:flex,
.peer:-webkit-autofill ~ .peer-autofill\:flex,
.peer:optional ~ .peer-optional\:flex,
.peer:required ~ .peer-required\:flex,
.peer:valid ~ .peer-valid\:flex,
.peer:invalid ~ .peer-invalid\:flex,
.peer:in-range ~ .peer-in-range\:flex,
.peer:out-of-range ~ .peer-out-of-range\:flex,
.peer:read-only ~ .peer-read-only\:flex,
.peer:empty ~ .peer-empty\:flex,
.peer:focus-within ~ .peer-focus-within\:flex,
.peer:hover ~ .peer-hover\:flex,
.peer:focus ~ .peer-focus\:flex,
.peer:focus-visible ~ .peer-focus-visible\:flex,
.peer:active ~ .peer-active\:flex,
.peer:enabled ~ .peer-enabled\:flex,
.peer:disabled ~ .peer-disabled\:flex {
display: flex;
}
.active\:flex:active,
.enabled\:flex:enabled,
.disabled\:flex:disabled,
.group:first-child .group-first\:flex,
.group:last-child .group-last\:flex,
.group:only-child .group-only\:flex,
.group:nth-child(odd) .group-odd\:flex,
.group:nth-child(2n) .group-even\:flex,
.group:first-of-type .group-first-of-type\:flex,
.group:last-of-type .group-last-of-type\:flex,
.group:only-of-type .group-only-of-type\:flex,
.group:visited .group-visited\:flex,
.group:target .group-target\:flex,
.group[open] .group-open\:flex,
.group:default .group-default\:flex,
.group:checked .group-checked\:flex,
.group:indeterminate .group-indeterminate\:flex,
.group:placeholder-shown .group-placeholder-shown\:flex,
.group:autofill .group-autofill\:flex,
.group:optional .group-optional\:flex,
.group:required .group-required\:flex,
.group:valid .group-valid\:flex,
.group:invalid .group-invalid\:flex,
.group:in-range .group-in-range\:flex,
.group:out-of-range .group-out-of-range\:flex,
.group:read-only .group-read-only\:flex,
.group:empty .group-empty\:flex,
.group:focus-within .group-focus-within\:flex,
.group:hover .group-hover\:flex,
.group:focus .group-focus\:flex,
.group:focus-visible .group-focus-visible\:flex,
.group:active .group-active\:flex,
.group:enabled .group-enabled\:flex,
.group:disabled .group-disabled\:flex,
.peer:first-child ~ .peer-first\:flex,
.peer:last-child ~ .peer-last\:flex,
.peer:only-child ~ .peer-only\:flex,
.peer:nth-child(odd) ~ .peer-odd\:flex,
.peer:nth-child(2n) ~ .peer-even\:flex,
.peer:first-of-type ~ .peer-first-of-type\:flex,
.peer:last-of-type ~ .peer-last-of-type\:flex,
.peer:only-of-type ~ .peer-only-of-type\:flex,
.peer:visited ~ .peer-visited\:flex,
.peer:target ~ .peer-target\:flex,
.peer[open] ~ .peer-open\:flex,
.peer:default ~ .peer-default\:flex,
.peer:checked ~ .peer-checked\:flex,
.peer:indeterminate ~ .peer-indeterminate\:flex,
.peer:placeholder-shown ~ .peer-placeholder-shown\:flex,
.peer:autofill ~ .peer-autofill\:flex,
.peer:optional ~ .peer-optional\:flex,
.peer:required ~ .peer-required\:flex,
.peer:valid ~ .peer-valid\:flex,
.peer:invalid ~ .peer-invalid\:flex,
.peer:in-range ~ .peer-in-range\:flex,
.peer:out-of-range ~ .peer-out-of-range\:flex,
.peer:read-only ~ .peer-read-only\:flex,
.peer:empty ~ .peer-empty\:flex,
.peer:focus-within ~ .peer-focus-within\:flex,
.peer:hover ~ .peer-hover\:flex,
.peer:focus ~ .peer-focus\:flex,
.peer:focus-visible ~ .peer-focus-visible\:flex,
.peer:active ~ .peer-active\:flex,
.peer:enabled ~ .peer-enabled\:flex,
.peer:disabled ~ .peer-disabled\:flex {
display: flex;
}
`)