wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add more tests

Browse source
This commit is contained in:
Jordan Pittman 2024-07-26 16:02:26 -04:00
parent f463878ecb
commit fcee7e1eac
1 changed files with 39 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

40
packages/tailwindcss/src/utilities.test.ts
View file

@ -15264,7 +15264,13 @@ describe('legacy: matchUtilities', () => {
expect(
optimizeCss(
run(['border-block', 'border-block-2', 'border-block-[35px]', 'lg:border-block-2']),
run([
'border-block',
'border-block-2',
'border-block-[35px]',
'border-block-[var(--foo)]',
'lg:border-block-2',
]),
).trim(),
).toMatchInlineSnapshot(`
".border-block {
@ -15279,6 +15285,10 @@ describe('legacy: matchUtilities', () => {
border-block-width: 35px;
}
.border-block-\\[var\\(--foo\\)\\] {
border-block-width: var(--foo);
}
@media (width >= 1024px) {
.lg\\:border-block-2 {
border-block-width: 2px;
@ -15743,20 +15753,48 @@ describe('legacy: matchUtilities', () => {
css`
@plugin "my-plugin";
@theme reference {
--size-2_5: 2.5rem;
--scrollbar-big: 20px;
--scrollbar-big-properties: auto-hidden;
--scrollbar-color-light: white;
--scrollbar-color-dark: black;
},
`,
{
loadPlugin() {
return ({ theme }) => {
expect(theme('size.2_5')).toEqual('2.5rem')
// Square bracket syntax
expect(theme('size[2.5]')).toEqual('2.5rem')
// Accessing w/ CSS property syntax
expect(theme('--scrollbar')).toEqual(null)
expect(theme('--scrollbar-*')).toEqual({
big: '20px',
'big-properties': 'auto-hidden',
'color-dark': 'black',
'color-light': 'white',
})
expect(theme('--scrollbar-big')).toEqual('20px')
// Accessing via legacy dot notation
expect(theme('scrollbar')).toEqual({
big: '20px',
'big-properties': 'auto-hidden',
'color-dark': 'black',
'color-light': 'white',
})
expect(theme('scrollbar.big')).toEqual('20px')
expect(theme('scrollbar.big.properties')).toEqual('auto-hidden')
expect(theme('scrollbar.color')).toEqual({
light: 'white',
dark: 'black',
})
}
},
},