/
variants.js
34 lines (31 loc) · 1.19 KB
/
variants.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import { setup } from './_helpers.js';
import { describe, expect, test } from 'vitest';
setup();
describe('variants', () => {
test('negative', async ({ uno }) => {
const classes = ['-inset-16', '-mt-32', '-bottom-1/2'];
const { css } = await uno.generate(classes);
expect(css).toMatchSnapshot();
});
test('breakpoints', async ({ uno }) => {
const classes = ['md:mt-32', 'at-md:mt-32', 'lt-md:mt-32'];
const { css } = await uno.generate(classes);
expect(css).toMatchSnapshot();
});
test('important', async ({ uno }) => {
const classes = ['!mb-32', '!sm:mt-32', '!md:-bottom-1/2'];
const { css } = await uno.generate(classes);
expect(css).toMatchSnapshot();
});
test('pseudo', async ({ uno }) => {
const classes = ['last:mb-0', 'before:p-32', 'focus:border', 'group', 'group-hover:p-16', 'group/llama', 'group-hover/llama:m-32'];
const { css } = await uno.generate(classes);
expect(css).toMatchSnapshot();
});
test('custom', async ({ uno }) => {
const classes = ['last-child:mb-0'];
const { css } = await uno.generate(classes);
expect(css).toMatchSnapshot();
});
// space/divide variant is already tested by the space/divide classes
});