fix(css_parser): resolve CSS parsing issues (#2792)

biomejs · May 9, 2024 · 5088667 · 5088667
1 parent ee5b9ee
commit 5088667
Show file tree

Hide file tree

Showing 12 changed files with 2,535 additions and 333 deletions.
diff --git a/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap b/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap
@@ -64,8 +64,7 @@ Quote style: Double Quotes
 
 .whitespace {
 	color: rgba(51 170 51 / 0.4);
-	color: rgba(
-        51   170    51  /  40%);
+	color: rgba(51 170 51 / 40%);
 	color: hsl(270 60% 50% / 0.15);
 	color: hsla(240 100% 50% / 0.05);
 	color: hsla(240 100% 50% / 5%);

diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/grid/grid.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/grid/grid.css.snap
@@ -501,62 +501,6 @@ grid.css:83:5 parse ━━━━━━━━━━━━━━━━━━━━
   - custom property
   - function
   
-grid.css:109:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Expected a number but instead found 'span'.
-  
-    107 │   grid-column: 1 / 2;
-    108 │   grid-column: main;
-  > 109 │   grid-row: -2 / span 1;
-        │                  ^^^^
-    110 │   grid-row: footer;
-    111 │ 
-  
-  i Expected a number here.
-  
-    107 │   grid-column: 1 / 2;
-    108 │   grid-column: main;
-  > 109 │   grid-row: -2 / span 1;
-        │                  ^^^^
-    110 │   grid-row: footer;
-    111 │ 
-  
-grid.css:113:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Expected a number but instead found 'main-start'.
-  
-    112 │   grid-area: main;
-  > 113 │   grid-area: 1 / main-start / 3 / main-end;
-        │                  ^^^^^^^^^^
-    114 │ }
-    115 │ 
-  
-  i Expected a number here.
-  
-    112 │   grid-area: main;
-  > 113 │   grid-area: 1 / main-start / 3 / main-end;
-        │                  ^^^^^^^^^^
-    114 │ }
-    115 │ 
-  
-grid.css:113:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Expected a number but instead found 'main-end'.
-  
-    112 │   grid-area: main;
-  > 113 │   grid-area: 1 / main-start / 3 / main-end;
-        │                                   ^^^^^^^^
-    114 │ }
-    115 │ 
-  
-  i Expected a number here.
-  
-    112 │   grid-area: main;
-  > 113 │   grid-area: 1 / main-start / 3 / main-end;
-        │                                   ^^^^^^^^
-    114 │ }
-    115 │ 
-  
 
 ```
 

diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap
@@ -93,32 +93,6 @@ info: css/numbers/numbers.css
    a {
      a: 0;
      a: 1;
-@@ -7,14 +7,14 @@
-     a: 1.1;
-
-     a: 0.1;
--    a: 1;
-+    a: 1.;
-     a: +0.1;
-     a: -0.1;
-
-     a: 1e1;
-     a: 1e1;
-     a: 1e-1;
--    a: 1e1;
-+    a: 1.e1;
-     a: 0.1e1;
-     a: 1.1e1;
-     a: 1.1e10;
-@@ -26,7 +26,7 @@
-     a: 1e1;
-     a: 1e1;
-     a: 1e-1;
--    a: 1e1;
-+    a: 1.E1;
-     a: 0.1e1;
-     a: 1.1e1;
-     a: 1.1e10;
 @@ -44,23 +44,23 @@
 
      a: 1;
@@ -140,13 +114,12 @@ info: css/numbers/numbers.css
 +    a: 1.0e60;
      a: 0.005e60;
 -    a: 0e60;
+-    a: 0e60;
 +    a: 0.0e60;
 +    a: 0.0e60;
 +    a: 0.0e60;
-+    a: 0.e60;
      a: 0e60;
--    a: 0e60;
--    a: 0e60;
+     a: 0e60;
 -    a: 0e60;
      a: 500600.001230045e60;
      a: 10;
@@ -173,14 +146,14 @@ info: css/numbers/numbers.css
     a: 1.1;
 
     a: 0.1;
-    a: 1.;
+    a: 1;
     a: +0.1;
     a: -0.1;
 
     a: 1e1;
     a: 1e1;
     a: 1e-1;
-    a: 1.e1;
+    a: 1e1;
     a: 0.1e1;
     a: 1.1e1;
     a: 1.1e10;
@@ -192,7 +165,7 @@ info: css/numbers/numbers.css
     a: 1e1;
     a: 1e1;
     a: 1e-1;
-    a: 1.E1;
+    a: 1e1;
     a: 0.1e1;
     a: 1.1e1;
     a: 1.1e10;
@@ -225,7 +198,7 @@ info: css/numbers/numbers.css
     a: 0.0e60;
     a: 0.0e60;
     a: 0.0e60;
-    a: 0.e60;
+    a: 0e60;
     a: 0e60;
     a: 500600.001230045e60;
     a: 10;
@@ -245,89 +218,6 @@ include single-transition(transform, .5s ease)
 
 # Errors
 ```
-numbers.css:10:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Unexpected value or character.
-  
-     9 │     a: .1;
-  > 10 │     a: 1.;
-       │         ^
-    11 │     a: +.1;
-    12 │     a: -.1;
-  
-  i Expected one of:
-  
-  - identifier
-  - string
-  - number
-  - dimension
-  - ratio
-  - custom property
-  - function
-  
-numbers.css:17:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Unexpected value or character.
-  
-    15 │     a: 1e+1;
-    16 │     a: 1e-1;
-  > 17 │     a: 1.e1;
-       │         ^^^
-    18 │     a: .1e1;
-    19 │     a: 1.1e1;
-  
-  i Expected one of:
-  
-  - identifier
-  - string
-  - number
-  - dimension
-  - ratio
-  - custom property
-  - function
-  
-numbers.css:29:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Unexpected value or character.
-  
-    27 │     a: 1E+1;
-    28 │     a: 1E-1;
-  > 29 │     a: 1.E1;
-       │         ^^^
-    30 │     a: .1E1;
-    31 │     a: 1.1E1;
-  
-  i Expected one of:
-  
-  - identifier
-  - string
-  - number
-  - dimension
-  - ratio
-  - custom property
-  - function
-  
-numbers.css:62:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  × Unexpected value or character.
-  
-    60 │     a: 0.0000e60;
-    61 │     a: .0e60;
-  > 62 │     a: 0.e60;
-       │         ^^^^
-    63 │     a: 0e60;
-    64 │     a: 500600.001230045000e60;
-  
-  i Expected one of:
-  
-  - identifier
-  - string
-  - number
-  - dimension
-  - ratio
-  - custom property
-  - function
-  
 numbers.css:73:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Unexpected value or character.