theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test(sfc): test @media and @supports query for scoped css

Browse Source
This commit is contained in:
Evan You 2019-12-19 12:07:47 -05:00
parent bdbfead1e0
commit c73d889235
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/compiler-sfc/__tests__/stylePluginScoped.spec.ts
View File

@ -91,6 +91,18 @@ describe('SFC scoped CSS', () => {
) )
}) })
test('media query', () => {
expect(compile(`@media print { .foo { color: red }}`)).toMatch(
/@media print {\s+\.foo\[test\] \{ color: red/
)
})
test('supports query', () => {
expect(
compile(`@supports(display: grid) { .foo { display: grid }}`)
).toMatch(/@supports\(display: grid\) {\s+\.foo\[test\] \{ display: grid/)
})
test('scoped keyframes', () => { test('scoped keyframes', () => {
const style = compile(` const style = compile(`
.anim { .anim {