Fix absolute path in custom CSS url() calls

changelog_unreleased/css/9966.md

@@ -0,0 +1,14 @@
+#### Fix absolute path in custom CSS -custom-url() calls (#9966 by @vjeux)
+
+The CSS parser is parsing this as `["division", "absolute/path"]` instead of a single `"/absolute/path"` token unless you are in a `url()` call. Because we put space after division, it results in an incorrect path. The fix was to avoid printing a space if a division is the first token of a call, which hopefully should be safe.
+
+<!-- prettier-ignore -->
+```css
+-custom-url(/absolute/path)
+
+/* Prettier stable */
+-custom-url(/ absolute/path)
+
+/* Prettier master */
+-custom-url(/absolute/path)
+```

src/language-css/printer-postcss.js

@@ -675,6 +675,13 @@ function genericPrint(path, options, print) {
           continue;
         }
 
+        // absolute paths are only parsed as one token if they are part of url(/abs/path) call
+        // but if you have custom -fb-url(/abs/path/) then it is parsed as "division /" and rest
+        // of the path. We don't want to put a space after that first division in this case.
+        if (!iPrevNode && isDivisionNode(iNode)) {
+          continue;
+        }
+
         // Print spaces before and after addition and subtraction math operators as is in `calc` function
         // due to the fact that it is not valid syntax
         // (i.e. `calc(1px+1px)`, `calc(1px+ 1px)`, `calc(1px +1px)`, `calc(1px + 1px)`)

tests/css/url/__snapshots__/jsfmt.spec.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`url.css format 1`] = `
+====================================options=====================================
+parsers: ["css"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+div {
+  background: url(/images/bg.png);
+  background: -fb-url(/images/bg.png);
+}
+
+=====================================output=====================================
+div {
+  background: url(/images/bg.png);
+  background: -fb-url(/images/bg.png);
+}
+
+================================================================================
+`;

tests/css/url/jsfmt.spec.js

@@ -0,0 +1 @@
+run_spec(__dirname, ["css"]);

tests/css/url/url.css

@@ -0,0 +1,4 @@
+div {
+  background: url(/images/bg.png);
+  background: -fb-url(/images/bg.png);
+}