dba5043591
* 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
217 lines
7.5 KiB
Text
217 lines
7.5 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should test the 'divideWidth' plugin 1`] = `
|
|
"
|
|
.divide-x > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(1px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(0px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(2px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(4px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(8px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(0px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[12px\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(12px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(12px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(var(--my-value) * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(var(--my-value) * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[34px\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(34px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(34px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(var(--my-value) * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(var(--my-value) * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 1;
|
|
}
|
|
|
|
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 1;
|
|
}
|
|
"
|
|
`;
|
|
|
|
exports[`should test the 'divideWidth' plugin 2`] = `
|
|
"
|
|
.divide-x > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(1px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(0px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(2px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(4px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(8px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(0px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[12px\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(12px * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(12px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-x-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 0;
|
|
border-inline-end-width: calc(var(--my-value) * var(--tw-divide-x-reverse));
|
|
border-inline-start-width: calc(var(--my-value) * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
|
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[34px\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(34px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(34px * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(var(--my-value) * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(var(--my-value) * var(--tw-divide-y-reverse));
|
|
}
|
|
|
|
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-y-reverse: 1;
|
|
}
|
|
|
|
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-divide-x-reverse: 1;
|
|
}
|
|
"
|
|
`;
|