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

2019-12-19 12:07:47 -05:00 · 2019-12-19 12:07:47 -05:00 · c73d889235
commit c73d889235
parent bdbfead1e0
1 changed files with 12 additions and 0 deletions
--- a/packages/compiler-sfc/tests/stylePluginScoped.spec.ts
+++ b/packages/compiler-sfc/tests/stylePluginScoped.spec.ts
@ -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', () => {
    const style = compile(`
 .anim {