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

Revert test changes

Browse source
This commit is contained in:
Adam Wathan 2020-07-14 20:55:09 -04:00
parent 4169bb1ac2
commit 68a0479c39
1 changed files with 10 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

76
__tests__/responsiveAtRule.test.js
View file

@ -13,7 +13,7 @@ test('it can generate responsive variants', () => {
.chocolate { color: brown; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -55,7 +55,7 @@ test('it can generate responsive variants with a custom separator', () => {
.chocolate { color: brown; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -97,7 +97,7 @@ test('it can generate responsive variants when classes have non-standard charact
.chocolate-2\\.5 { color: brown; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -144,7 +144,7 @@ test('responsive variants are grouped', () => {
.chocolate { color: brown; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -190,7 +190,7 @@ test('it can generate responsive variants for nested at-rules', () => {
}
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -255,7 +255,7 @@ test('it can generate responsive variants for deeply nested at-rules', () => {
}
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -320,7 +320,7 @@ test('screen prefix is only applied to the last class in a selector', () => {
.banana li * .sandwich #foo > div { color: yellow; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -357,7 +357,7 @@ test('responsive variants are generated for all selectors in a rule', () => {
.foo, .bar { color: yellow; }
}
@screens utilities;
@tailwind screens;
`
const output = `
@ -394,7 +394,7 @@ test('selectors with no classes cannot be made responsive', () => {
div { color: yellow; }
}
@screens utilities;
@tailwind screens;
`
expect.assertions(1)
return run(input, {
@ -417,7 +417,7 @@ test('all selectors in a rule must contain classes', () => {
.foo, div { color: yellow; }
}
@screens utilities;
@tailwind screens;
`
expect.assertions(1)
return run(input, {
@ -433,59 +433,3 @@ test('all selectors in a rule must contain classes', () => {
expect(e).toMatchObject({ name: 'CssSyntaxError' })
})
})
test('responsive components are inserted at @screens components', () => {
const input = `
@responsive components {
.banana { color: yellow; }
}
.apple { color: red; }
@screens components;
@responsive {
.chocolate { color: brown; }
}
@screens utilities;
`
const output = `
.banana { color: yellow; }
.apple { color: red; }
@media (min-width: 500px) {
.sm\\:banana { color: yellow; }
}
@media (min-width: 750px) {
.md\\:banana { color: yellow; }
}
@media (min-width: 1000px) {
.lg\\:banana { color: yellow; }
}
.chocolate { color: brown; }
@media (min-width: 500px) {
.sm\\:chocolate { color: brown; }
}
@media (min-width: 750px) {
.md\\:chocolate { color: brown; }
}
@media (min-width: 1000px) {
.lg\\:chocolate { color: brown; }
}
`
return run(input, {
theme: {
screens: {
sm: '500px',
md: '750px',
lg: '1000px',
},
},
separator: ':',
}).then(result => {
expect(result.css).toMatchCss(output)
expect(result.warnings().length).toBe(0)
})
})