tests: Add failing tests for root-level & {} blocks

postcss · Mar 31, 2023 · c5516b1 · c5516b1
1 parent 648841d
commit c5516b1
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/index.test.js b/index.test.js
@@ -782,4 +782,25 @@ test('selector-less curly-brace blocks are removed from output', () => {
   )
 })
 
+test('root-level `&` is removed from output', () => {
+  run(
+    'a {color:white} & { b {color:red;} c & { & { color:green; } } & d {color:blue;} }',
+    'a {color:white} b {color:red;} c {color:green;} d {color:blue;}'
+  )
+})
+
+test('root level `&` inside @media is removed', () => {
+  run(
+    '@media screen { & { a {color:red;} b & {color:green;} } }',
+    '@media screen { a {color:red;} b {color:green;} }'
+  )
+})
+
+test('root level `&` with @media inside is removed', () => {
+  run(
+    '& { @media screen { a {color:red;} b & {color:green;} } }',
+    '@media screen { a {color:red;} b {color:green;} }'
+  )
+})
+
 test.run()