Test: Update printWidth indicator (#10293)

tests/config/format-test/create-snapshot.js

@@ -3,7 +3,8 @@ import { CURSOR_PLACEHOLDER } from "./constants.js";
 import visualizeEndOfLine from "./visualize-end-of-line.js";
 import visualizeRange from "./visualize-range.js";
 
-const SEPARATOR_WIDTH = 80;
+const DEFAULT_PRINT_WIDTH = 80;
+const SEPARATOR_WIDTH = DEFAULT_PRINT_WIDTH;
 function printSeparator(description = "") {
   const leftLength = Math.floor((SEPARATOR_WIDTH - description.length) / 2);
   const rightLength = SEPARATOR_WIDTH - leftLength - description.length;
@@ -38,17 +39,38 @@ function printOptions(options) {
     .join("\n");
 }
 
-function printWidthIndicator(printWidth, offset) {
-  if (!Number.isFinite(printWidth) || printWidth < 1) {
+function makeWidthIndicator(printWidth) {
+  const text =
+    printWidth === undefined
+      ? `printWidth: ${DEFAULT_PRINT_WIDTH} (default)`
+      : `printWidth: ${printWidth}`;
+
+  if (printWidth === undefined) {
+    printWidth = DEFAULT_PRINT_WIDTH;
+  }
+
+  return printWidth >= text.length + 2
+    ? (text + " |").padStart(printWidth, " ")
+    : " ".repeat(printWidth) + "| " + text;
+}
+
+const defaultWidthIndicator = makeWidthIndicator();
+function printWidthIndicator(printWidth) {
+  if (
+    !(
+      printWidth === undefined ||
+      (Number.isSafeInteger(printWidth) && printWidth > 0)
+    )
+  ) {
     return "";
   }
 
-  let before = "";
-  if (offset) {
-    before = " ".repeat(offset - 1) + "|";
-  }
+  const widthIndicator =
+    printWidth === undefined
+      ? defaultWidthIndicator
+      : makeWidthIndicator(printWidth);
 
-  return `${before}${" ".repeat(printWidth)}| printWidth`;
+  return widthIndicator;
 }
 
 function createSnapshot(formatResult, { parsers, formatOptions }) {
@@ -83,16 +105,34 @@ function createSnapshot(formatResult, { parsers, formatOptions }) {
 
   return raw(
     [
-      printSeparator("options"),
-      printOptions({ ...options, parsers }),
-      ...(widthIndicator ? [widthIndicator] : []),
-      printSeparator("input"),
+      addOffset(
+        [
+          printSeparator("options"),
+          printOptions({ ...options, parsers }),
+          ...(widthIndicator ? [widthIndicator] : []),
+          printSeparator("input"),
+        ].join("\n"),
+        codeOffset,
+      ),
       input,
-      printSeparator("output"),
-      output,
-      printSeparator(),
+      addOffset(
+        [printSeparator("output"), output, printSeparator()].join("\n"),
+        codeOffset,
+      ),
     ].join("\n"),
   );
 }
 
+function addOffset(text, offset) {
+  if (!offset) {
+    return text;
+  }
+
+  const prefix = " ".repeat(offset - 2) + ":";
+  return text
+    .split("\n")
+    .map((line) => `${prefix}${line ? ` ${line}` : line}`)
+    .join("\n");
+}
+
 export default createSnapshot;

tests/config/format-test/run-format-test.js

@@ -51,10 +51,7 @@ function runFormatTest(rawFixtures, explicitParsers, rawOptions) {
     path.dirname(url.fileURLToPath(importMeta.url)),
   );
 
-  let options = {
-    printWidth: 80,
-    ...rawOptions,
-  };
+  let options = { ...rawOptions };
 
   // `IS_ERROR_TEST` mean to watch errors like:
   // - syntax parser hasn't supported yet

tests/format/angular/angular/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`angularjs.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading">Warning!</div>
 
@@ -45,8 +44,7 @@ exports[`angularjs.html - {"htmlWhitespaceSensitivity":"ignore"} format 1`] = `
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading">Warning!</div>
 
@@ -86,7 +84,7 @@ exports[`angularjs.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading">Warning!</div>
 
@@ -156,9 +154,8 @@ printWidth: 1
 exports[`angularjs.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading">Warning!</div>
 
@@ -197,9 +194,8 @@ trailingComma: "es5"
 exports[`angularjs.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading">Warning!</div>
 
@@ -239,8 +235,7 @@ exports[`attr-name.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div someDirective itemType="x"></div>
 
@@ -254,8 +249,7 @@ exports[`attr-name.component.html - {"htmlWhitespaceSensitivity":"ignore"} forma
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div someDirective itemType="x"></div>
 
@@ -269,7 +263,7 @@ exports[`attr-name.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <div someDirective itemType="x"></div>
 
@@ -285,9 +279,8 @@ printWidth: 1
 exports[`attr-name.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div someDirective itemType="x"></div>
 
@@ -300,9 +293,8 @@ trailingComma: "es5"
 exports[`attr-name.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div someDirective itemType="x"></div>
 
@@ -316,8 +308,7 @@ exports[`attributes.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
     bindon-target=" a | b : c:d :e "
@@ -599,8 +590,7 @@ exports[`attributes.component.html - {"htmlWhitespaceSensitivity":"ignore"} form
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
     bindon-target=" a | b : c:d :e "
@@ -882,7 +872,7 @@ exports[`attributes.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <div
     bindon-target=" a | b : c:d :e "
@@ -1504,9 +1494,8 @@ printWidth: 1
 exports[`attributes.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
     bindon-target=" a | b : c:d :e "
@@ -1787,9 +1776,8 @@ trailingComma: "es5"
 exports[`attributes.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
     bindon-target=" a | b : c:d :e "
@@ -2071,8 +2059,7 @@ exports[`first-lf.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <textarea>{{ generatedDiscountCodes }}</textarea>
 <textarea>
@@ -2164,8 +2151,7 @@ exports[`first-lf.component.html - {"htmlWhitespaceSensitivity":"ignore"} format
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <textarea>{{ generatedDiscountCodes }}</textarea>
 <textarea>
@@ -2257,7 +2243,7 @@ exports[`first-lf.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <textarea>{{ generatedDiscountCodes }}</textarea>
 <textarea>
@@ -2428,9 +2414,8 @@ printWidth: 1
 exports[`first-lf.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <textarea>{{ generatedDiscountCodes }}</textarea>
 <textarea>
@@ -2521,9 +2506,8 @@ trailingComma: "es5"
 exports[`first-lf.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <textarea>{{ generatedDiscountCodes }}</textarea>
 <textarea>
@@ -2615,8 +2599,7 @@ exports[`ignore-attribute.component.html - {"bracketSpacing":false} format 1`] =
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   bindon-target=" a | b : c:d :e "
@@ -2674,8 +2657,7 @@ exports[`ignore-attribute.component.html - {"htmlWhitespaceSensitivity":"ignore"
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   bindon-target=" a | b : c:d :e "
@@ -2733,7 +2715,7 @@ exports[`ignore-attribute.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <div
   bindon-target=" a | b : c:d :e "
@@ -2826,9 +2808,8 @@ printWidth: 1
 exports[`ignore-attribute.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   bindon-target=" a | b : c:d :e "
@@ -2885,9 +2866,8 @@ trailingComma: "es5"
 exports[`ignore-attribute.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   bindon-target=" a | b : c:d :e "
@@ -2945,8 +2925,7 @@ exports[`interpolation.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div>{{ a | b : c:d :e }}</div>
 <div>{{  a | pipe    }}</div>
@@ -3120,8 +3099,7 @@ exports[`interpolation.component.html - {"htmlWhitespaceSensitivity":"ignore"} f
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div>{{ a | b : c:d :e }}</div>
 <div>{{  a | pipe    }}</div>
@@ -3300,7 +3278,7 @@ exports[`interpolation.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <div>{{ a | b : c:d :e }}</div>
 <div>{{  a | pipe    }}</div>
@@ -3673,9 +3651,8 @@ printWidth: 1
 exports[`interpolation.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div>{{ a | b : c:d :e }}</div>
 <div>{{  a | pipe    }}</div>
@@ -3848,9 +3825,8 @@ trailingComma: "es5"
 exports[`interpolation.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div>{{ a | b : c:d :e }}</div>
 <div>{{  a | pipe    }}</div>
@@ -4024,8 +4000,7 @@ exports[`real-world.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- copied from: https://stackblitz.com/angular/ymdjlgmlavo -->
 
@@ -5551,8 +5526,7 @@ exports[`real-world.component.html - {"htmlWhitespaceSensitivity":"ignore"} form
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- copied from: https://stackblitz.com/angular/ymdjlgmlavo -->
 
@@ -7216,7 +7190,7 @@ exports[`real-world.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <!-- copied from: https://stackblitz.com/angular/ymdjlgmlavo -->
 
@@ -10630,9 +10604,8 @@ can be found in the LICENSE file at http://angular.io/license
 exports[`real-world.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- copied from: https://stackblitz.com/angular/ymdjlgmlavo -->
 
@@ -12157,9 +12130,8 @@ can be found in the LICENSE file at http://angular.io/license
 exports[`real-world.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- copied from: https://stackblitz.com/angular/ymdjlgmlavo -->
 
@@ -13685,8 +13657,7 @@ exports[`tag-name.component.html - {"bracketSpacing":false} format 1`] = `
 ====================================options=====================================
 bracketSpacing: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <Table></Table>
 
@@ -13700,8 +13671,7 @@ exports[`tag-name.component.html - {"htmlWhitespaceSensitivity":"ignore"} format
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <Table></Table>
 
@@ -13715,7 +13685,7 @@ exports[`tag-name.component.html - {"printWidth":1} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 1
- | printWidth
+ | printWidth: 1
 =====================================input======================================
 <Table></Table>
 
@@ -13728,9 +13698,8 @@ printWidth: 1
 exports[`tag-name.component.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <Table></Table>
 
@@ -13743,9 +13712,8 @@ trailingComma: "es5"
 exports[`tag-name.component.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <Table></Table>
 

tests/format/angular/assignment-operator/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`assignment-operator.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <b (click)="
   a   = b"></b>

tests/format/angular/attribute-value-hugging/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`attribute-value-hugging.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- #17729 -->
 <div

tests/format/angular/bracket-same-line/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`angularjs.html - {"bracketSameLine":false} format 1`] = `
 ====================================options=====================================
 bracketSameLine: false
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading"
     bindon-target=" a | b : c "
@@ -69,8 +68,7 @@ exports[`angularjs.html - {"bracketSameLine":true} format 1`] = `
 ====================================options=====================================
 bracketSameLine: true
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div ng-if="$ctrl .shouldShowWarning&&!$ctrl.loading"
     bindon-target=" a | b : c "

tests/format/angular/control-flow/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`after-close-tag.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <ion-list class="timeline" appScrollItem>
   @for (let item of items; index as i; trackBy: trackByFn) {
@@ -56,8 +55,7 @@ printWidth: 80
 exports[`chid.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <span>@if (test) {text}</span>
 <div>@if (test) {text}</div>
@@ -80,8 +78,7 @@ printWidth: 80
 exports[`defer.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @defer (when isCheckedDefer()) {
 <app-c1/>
@@ -211,8 +208,7 @@ printWidth: 80
 exports[`element-tags.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @if (true) {<img />}
 
@@ -227,8 +223,7 @@ printWidth: 80
 exports[`for.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <ul>
 @for (
@@ -364,8 +359,7 @@ item of
 exports[`if.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <h3>&#64;if and &#64;else</h3>
 <div>
@@ -455,8 +449,7 @@ topStartToSideStartMaxSize) {
 exports[`ignore.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- prettier-ignore -->
 @if (condition) {
@@ -497,8 +490,7 @@ printWidth: 80
 exports[`mix.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @if (user.isHuman) {
 <human-profile [data]="user" />
@@ -529,8 +521,7 @@ printWidth: 80
 exports[`multiple-switch-cases.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!-- https://github.com/angular/angular/pull/66210 -->
 
@@ -643,8 +634,7 @@ printWidth: 80
 exports[`switch.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @switch (radioValue()) {
 @case (1) {
@@ -691,8 +681,7 @@ printWidth: 80
 exports[`unclosed.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @empty{}
 
@@ -709,8 +698,7 @@ printWidth: 80
 exports[`with-comment.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div>
   <!-- comment -->

tests/format/angular/control-flow/embedded-language-formatting-off/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`if.html - {"embeddedLanguageFormatting":"off"} format 1`] = `
 ====================================options=====================================
 embeddedLanguageFormatting: "off"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @if      (should.   not.    format) {  }
 @else if (should.   not.    format) {  }

tests/format/angular/control-flow/small-print-width/__snapshots__/format.test.js.snap

@@ -4,7 +4,7 @@ exports[`test.html - {"printWidth":20} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
 printWidth: 20
-                    | printWidth
+    printWidth: 20 |
 =====================================input======================================
 @for (long expression;long expression;long expression;long expression;long expression;long expression;long expression;long expression;) {
 

tests/format/angular/expression/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`exponentiation-operators.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
   (a)   ** b
@@ -19,8 +18,7 @@ printWidth: 80
 exports[`in-operators.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
 
@@ -36,8 +34,7 @@ printWidth: 80
 exports[`spread-element.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
   [...   a]
@@ -69,8 +66,7 @@ foo:1, ...bar   }"></div>
 exports[`tagged-template-literal.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
 
@@ -86,8 +82,7 @@ printWidth: 80
 exports[`template-literal.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
 
@@ -103,8 +98,7 @@ printWidth: 80
 exports[`void-operators.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{
 

tests/format/angular/icu-expression/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`basic-plural-01.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <span i18n>Updated {minutes, plural, =0 {just now} =1 {one minute ago} other {{{minutes}} minutes ago}}</span>
 
@@ -24,8 +23,7 @@ printWidth: 80
 exports[`basic-plural-02.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 { count, plural,
     =0 {{ sex, select,
@@ -55,8 +53,7 @@ printWidth: 80
 exports[`basic-plural-03.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <foo>
   <bar>{VAR_PLURAL, plural, =0 {zero} =1 {un} =2 {deux} other {<pc id="0" equivStart="START_BOLD_TEXT" equivEnd="CLOSE_BOLD_TEXT" type="fmt" dispStart="&lt;b&gt;" dispEnd="&lt;/b&gt;">beaucoup</pc>} }</bar>
@@ -105,8 +102,7 @@ printWidth: 80
 exports[`basic-plural-04.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <foo>
   <bar>{VAR_PLURAL, plural, =0 {Found no results} =1 {Found one result} other {Found <ph id="0" equiv="INTERPOLATION" disp="{{response.getItemsList().length}}"/> results} }</bar>
@@ -135,8 +131,7 @@ printWidth: 80
 exports[`basic-select-01.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <span i18n>The author is {gender, select, male {male} female {female} other {other}}</span>
 
@@ -152,8 +147,7 @@ printWidth: 80
 exports[`basic-select-02.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <ng-template>{gender, select, male {male} female {female} other {other}}</ng-template>
 <ng-container>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-container>
@@ -172,8 +166,7 @@ printWidth: 80
 exports[`combination-01.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <span i18n>Updated: {minutes, plural,
     =0 {just now}
@@ -200,8 +193,7 @@ printWidth: 80
 exports[`issue-16914.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {active, select,
   true {

tests/format/angular/interpolation/__snapshots__/format.test.js.snap

@@ -3,9 +3,8 @@
 exports[`computed-optional-member-expression.ng - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["__ng_interpolation"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [
   a?.[0]
@@ -19,9 +18,8 @@ trailingComma: "none"
 exports[`logical-expression.ng - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["__ng_interpolation"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [
     advancedSearchService.patientInformationFieldsRow2 && advancedSearchService.patientInformationFieldsRow2.indexOf(advancedSearchService.formElementData.customFieldList[i].customFieldType) !== -1,
@@ -42,9 +40,8 @@ trailingComma: "none"
 exports[`optional-chaining.ng - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["__ng_interpolation"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [  a?.b[c], (a?.b)[c]  ]
 
@@ -56,9 +53,8 @@ trailingComma: "none"
 exports[`pipe-expression.ng - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["__ng_interpolation"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [
     a ? (b | c : d) : (e | f : g),
@@ -123,9 +119,8 @@ trailingComma: "none"
 exports[`pipe-in-object.ng - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["__ng_interpolation"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [{ AngularJS: '1.x', 'color': ('#222' | darken)}]
 

tests/format/angular/interpolation/html/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`17428.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 (there is no {{\`\${activityType === '' ? 'activity' : ''}\${activityType === '' && costCenter === '' ? ' or ' : ''}\${costCenter === '' ? 'cost center' : ''}\`}})
 
@@ -20,8 +19,7 @@ printWidth: 80
 exports[`block.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @for (option of availableOwners?.(); track option) {
   <mat-option [value]="option.id">
@@ -42,8 +40,7 @@ printWidth: 80
 exports[`comments.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{a() // comment }}
 
@@ -58,8 +55,7 @@ printWidth: 80
 exports[`non-null-assertion.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 {{ foo?.bar!.bam }}
 {{ (foo?.bar)!.bam }}

tests/format/angular/let-declaration/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`basic-01.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @let    name   =      'Frodo';
 <h1>Dashboard for {{name}}</h1>
@@ -21,8 +20,7 @@ Hello, {{ name }}
 exports[`basic-02.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <input #name>
 
@@ -43,8 +41,7 @@ printWidth: 80
 exports[`basic-03.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @let     topLevel    =   value;
 
@@ -85,8 +82,7 @@ printWidth: 80
 exports[`complex.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @let  foo  =     a | b : c:d :e;
 @let    foo   =  a | pipe;
@@ -182,8 +178,7 @@ printWidth: 80
 exports[`valid-from-tokenizer-test.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!--
 from

tests/format/angular/let-declaration/minor-options/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`snippet: #0 - {"embeddedLanguageFormatting":"off"} format 1`] = `
 ====================================options=====================================
 embeddedLanguageFormatting: "off"
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @let    foo     =  'Hello'   + ', World'; 
 =====================================output=====================================
@@ -17,9 +16,8 @@ printWidth: 80
 exports[`snippet: #0 - {"semi":false} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 semi: false
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @let    foo     =  'Hello'   + ', World'; 
 =====================================output=====================================

tests/format/angular/regular-expression/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`regular-expression.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <b>{{       /\\d/+}}</b>
 <!-- Invalid regular expression -->

tests/format/angular/self-closing/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`self-closing.component.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <app-test/>
 <app-test />

tests/format/angular/shorthand/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`basic.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <ng-container *ngTemplateOutlet="someTmpl; context: {app}"></ng-container>
 <div dir [input]="{   a,   b:   2   }"></div>

tests/format/angular/template-literal/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`template-literal.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   (action)="

tests/format/angular/trailing-comma/__snapshots__/format.test.js.snap

@@ -3,9 +3,8 @@
 exports[`trailing-comma.html - {"trailingComma":"all"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "all"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   (action)="
@@ -210,9 +209,8 @@ trailingComma: "all"
 exports[`trailing-comma.html - {"trailingComma":"es5"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "es5"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   (action)="
@@ -417,9 +415,8 @@ trailingComma: "es5"
 exports[`trailing-comma.html - {"trailingComma":"none"} format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
 trailingComma: "none"
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   (action)="

tests/format/angular/typeof-expression/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`typeof-expression.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <div
   (click)="

tests/format/angular/upper-case/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`upper-case-html-tag.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!doctype html><HTML></HTML>
 
@@ -17,8 +16,7 @@ printWidth: 80
 exports[`upper-case-html-tag-2.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 <!DOCTYPE html><HTML>
   <body>

tests/format/css/atrule/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`at-root.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .parent {
     @at-root {
@@ -482,8 +481,7 @@ red
 exports[`charset.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "UTF-8";
 @charset "iso-8859-15";
@@ -506,8 +504,7 @@ printWidth: 80
 exports[`counter-style.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @counter-style identifier {
     system: cyclic;
@@ -620,8 +617,7 @@ suffix
 exports[`custom-media.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-media --small-viewport (max-width: 30em);
 @custom-media --small-viewport (max-width:30em);
@@ -756,8 +752,7 @@ max-width
 exports[`custom-selector.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-selector :--heading h1, h2, h3, h4, h5, h6;
 @custom-selector :--heading h1,h2,h3,h4,h5,h6;
@@ -880,8 +875,7 @@ h6
 exports[`debug.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @debug 10em + 12em;
 @debug 10em+12em;
@@ -922,8 +916,7 @@ printWidth: 80
 exports[`each.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @each $animal in puma, sea-slug, egret, salamander {}
 @each $animal in puma,sea-slug,egret,salamander{}
@@ -1220,8 +1213,7 @@ h3
 exports[`extend.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .master {
     color:  black;
@@ -1478,8 +1470,7 @@ a.important {
 exports[`font-face.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @font-face {
     font-family: "Open Sans";
@@ -1616,8 +1607,7 @@ format(
 exports[`font-feature-values.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @font-feature-values Font One {
     @styleset {
@@ -1711,8 +1701,7 @@ nice-style
 exports[`for.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @for $i from 1 through 8 {}
 @for $i from 1 through 8{}
@@ -1817,8 +1806,7 @@ through
 exports[`function.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @function func($arg, $arg1, $arg2: 10, $args...) {
     @return "Func";
@@ -1956,8 +1944,7 @@ $args
 exports[`if-else.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @if $media == phonePortrait {
     $k: .15625;
@@ -2215,8 +2202,7 @@ p {
 exports[`import.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @import url("fineprint.css") print;
 @import url("bluish.css") projection, tv;
@@ -2399,8 +2385,7 @@ $family: unquote("Droid+Sans");
 exports[`include.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
 @include mix(1px,2px,$arg2:10,2px 4px 6px);
@@ -2619,8 +2604,7 @@ a {
 exports[`keyframes.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @keyframes identifier {
   0% {
@@ -2999,8 +2983,7 @@ margin-top: 100px;
 exports[`media.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @media screen and (min-width: 480px) {}
 @media  screen and (min-width: 480px) {}
@@ -3331,8 +3314,7 @@ black
 exports[`mixin.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @mixin clearfix {}
 @mixin clearfix{}
@@ -3522,8 +3504,7 @@ $background
 exports[`namespaces.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @namespace toto "http://toto.example.org";
 @namespace toto url("http://toto.example.org");
@@ -3594,8 +3575,7 @@ url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/ve
 exports[`page.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @page {
     margin: 1cm;
@@ -3723,8 +3703,7 @@ margin
 exports[`return.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @function grid-width($n) {
     @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
@@ -3909,8 +3888,7 @@ $gutter-width
 exports[`supports.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @supports (transform-origin: 5% 5%) {}
 @supports (transform-origin:5% 5%) {}
@@ -4601,8 +4579,7 @@ B
 exports[`viewport.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @viewport {
   min-width: 640px;
@@ -4696,8 +4673,7 @@ max-width
 exports[`while.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @while $i > 0 {}
 @while $i>0{}

tests/format/css/attribute/__snapshots__/format.test.js.snap

@@ -3,9 +3,8 @@
 exports[`custom-selector.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-selector :--icon i[class^='icon-'], i[class*=' icon-'];
 @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ];
@@ -35,8 +34,7 @@ class
 exports[`custom-selector.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-selector :--icon i[class^='icon-'], i[class*=' icon-'];
 @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ];
@@ -66,9 +64,8 @@ class
 exports[`insensitive.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 input[type="radio" i] {}
 img[alt~="person" i][src*="lorem" i] {}
@@ -107,8 +104,7 @@ section:has(:not([type='radio' I], [type='checkbox' I])) {
 exports[`insensitive.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 input[type="radio" i] {}
 img[alt~="person" i][src*="lorem" i] {}
@@ -147,9 +143,8 @@ section:has(:not([type="radio" I], [type="checkbox" I])) {
 exports[`namespaces.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @namespace foo "http://www.example.com";
 [foo|att=val] {}
@@ -174,8 +169,7 @@ singleQuote: true
 exports[`namespaces.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @namespace foo "http://www.example.com";
 [foo|att=val] {}
@@ -200,9 +194,8 @@ printWidth: 80
 exports[`quotes.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a[id=test] {}
 a[id="test"] {}
@@ -246,8 +239,7 @@ section:has(:not([type='radio'], [type='checkbox'])) {
 exports[`quotes.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a[id=test] {}
 a[id="test"] {}
@@ -291,9 +283,8 @@ section:has(:not([type="radio"], [type="checkbox"])) {
 exports[`sensitive.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [type=a s],
 [type=as],
@@ -333,8 +324,7 @@ singleQuote: true
 exports[`sensitive.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [type=a s],
 [type=as],
@@ -374,9 +364,8 @@ printWidth: 80
 exports[`spaces.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [lang] {}
 [ lang] {}
@@ -616,8 +605,7 @@ section:has(:not([type='radio' i], [type='checkbox' i])) {
 exports[`spaces.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [lang] {}
 [ lang] {}

tests/format/css/atword/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`atword.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .test { @color: red; color: @color; }
 

tests/format/css/bom/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`bom.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 
 

tests/format/css/case/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`case.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-media --KeepName (MIN-WIDTH: 500PX);
 
@@ -140,8 +139,7 @@ x-panel {
 exports[`custom-selectors.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-selector :--camelCase .my-css-selector;
 

tests/format/css/character-escaping/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`character_escaping.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 #♥ {}
 #© {}

tests/format/css/colon/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`colon.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

tests/format/css/color/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`color-adjuster.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     color: color(red l(+ 20%));
@@ -260,8 +259,7 @@ printWidth: 80
 exports[`color-level-4.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* https://www.w3.org/TR/css-color-4 */
 foo {
@@ -310,8 +308,7 @@ bar {
 exports[`current-color.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     border: 1px dashed currentColor;
@@ -330,8 +327,7 @@ printWidth: 80
 exports[`functional-syntax.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     color: rgb(255, 0, 153);
@@ -358,8 +354,7 @@ printWidth: 80
 exports[`hexcolor.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     color: #AAA;
@@ -388,8 +383,7 @@ printWidth: 80
 exports[`whitespace-syntax.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     color: rgba(51 170 51 / 0.4);

tests/format/css/combinator/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`combinator.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 -Option/root .public/section ~ .public/section:before {
 }
@@ -43,8 +42,7 @@ printWidth: 80
 exports[`leading.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
   > * {

tests/format/css/comments/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`15948.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 h1 {
   --OFF: /* OFF */;
@@ -39,8 +38,7 @@ h1 {
 exports[`17479.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
   background-image:
@@ -81,8 +79,7 @@ printWidth: 80
 exports[`CRLF.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /*
  * Comment 1
@@ -131,8 +128,7 @@ printWidth: 80
 exports[`at-rules.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "utf-8"; /* comment 1 */
 
@@ -347,8 +343,7 @@ printWidth: 80
 exports[`block.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* Kikoo */
 /**
@@ -367,8 +362,7 @@ printWidth: 80
 exports[`bug.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* Catchall baseclass */
 .glyphicon {
@@ -385,8 +379,7 @@ printWidth: 80
 exports[`custom-properties.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
    /* comment 1 */
        :root {
@@ -423,8 +416,7 @@ font-size: 12px;
 exports[`declaration.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
     /* comment 1 */
@@ -596,8 +588,7 @@ body {
 exports[`nestled.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /*
  * First comment
@@ -624,8 +615,7 @@ printWidth: 80
 exports[`prettier-ignore.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 foo {
   /* prettier-ignore */
@@ -646,8 +636,7 @@ foo {
 exports[`selectors.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .powerPathNavigator .helm button.pressedButton, /* comment 1 */
 .powerPathNavigator .helm button:active:not(.disabledButton),
@@ -1045,8 +1034,7 @@ article /* comment 168 */ :--heading /* comment 169 */ + /* comment 170 */ p /*
 exports[`source-map.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     color: red;
@@ -1067,8 +1055,7 @@ printWidth: 80
 exports[`types.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* This is a basic comment */
 

tests/format/css/composes/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`composes.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .reference {
   composes: selector from "a/long/file/path/exceeding/the/maximum/length/forcing/a/line-wrap/file.css";

tests/format/css/cursor/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`test.css format 1`] = `
 ====================================options=====================================
 cursorOffset: 19
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .blah {
   /* hloow <|> */

tests/format/css/custom-properties/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`17806.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :root {
   --l: , #000;
@@ -21,8 +20,7 @@ printWidth: 80
 exports[`emoji.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* 😄😄😄😄😄😄😄😄😄😄😄😄😄😄😄😄😄😄😄 */
 

tests/format/css/empty/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`empty.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 
 details[open] {

tests/format/css/escaped-attribute/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`test.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div span[foo="bar short\\
 short"] {

tests/format/css/fill-value/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`fill.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   border-left: 1px solid mix($warningBackgroundColors, $warningBorderColors, 50%);

tests/format/css/font/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`2595.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @font-face {
     font-family: "coolremote";
@@ -40,8 +39,7 @@ printWidth: 80
 exports[`font.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .font {
   /* No space */

tests/format/css/front-matter/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`custom-parser.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 ---mycustomparser
 title: Title
@@ -30,8 +29,7 @@ description: Description
 exports[`empty.css format 1`] = `
 ====================================options=====================================
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 ---
 ---

tests/format/css/front-matter/embedded-language-formatting/__snapshots__/format.test.js.snap

@@ -4,8 +4,7 @@ exports[`yaml.css - {"embeddedLanguageFormatting":"off"} format 1`] = `
 ====================================options=====================================
 embeddedLanguageFormatting: "off"
 parsers: ["css", "scss", "less"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 ---yaml
 

tests/format/css/grid/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`grid.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* quotes */
 div {

tests/format/css/important/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`important.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   max-height: none !important;

tests/format/css/indent/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`indent.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   background: var(fig-light-02) url(/images/inset-shadow-east-ltr.png) 100% 0 repeat-y;
@@ -31,8 +30,7 @@ div {
 exports[`selectors.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
   ~ .Pagination-itemWrapper:not(.is-separator):not([data-priority^='#{$priority}'])

tests/format/css/inline-url/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`empty.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @font-face {
   src: url();
@@ -21,8 +20,7 @@ printWidth: 80
 exports[`inline_url.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .stringContentIsNotModifiedEvenIfInvalid {
   background: url('@images');

tests/format/css/long-rule/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`long_rule.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .nuclide-resize-sensitive-container-sensor,
 .nuclide-resize-sensitive-container-expand,

tests/format/css/loose/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`loose.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {height: calc(-0.5 * var(ei-table-cell-padding));
   width: -webkit-calc

tests/format/css/modules/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`modules.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @value colors: './colors.css';
 @value first, second, third from colors;

tests/format/css/no-semicolon/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`url.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @import ur
   l(//fonts.googleapis.com/css?family=Open+Sans:400,400italic);

tests/format/css/numbers/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`numbers.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @supports (margin: .5px ".30px" 1E+2px) {
   a {

tests/format/css/params/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`params.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .clusterPlannerDialog input[type="text"],
 .clusterPlannerDialog .uiTypeahead {

tests/format/css/parens/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`empty-lines.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 $colours: (
     "text": $light-100,
@@ -34,8 +33,7 @@ $colours: (
 exports[`parens.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
     prop1: func(1px,1px,1px,func(1px,1px,1px,func(1px,1px,1px)));

tests/format/css/postcss-8-improment/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`empty-props.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :root {
   --empty:;
@@ -27,8 +26,7 @@ printWidth: 80
 exports[`test.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /*
 This test is copied from \`postcss@8\` release note

tests/format/css/postcss-plugins/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`postcss-mixins.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
     @mixin $(theme)-colors;
@@ -79,8 +78,7 @@ a {
 exports[`postcss-nested.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .phone {
     &_title {
@@ -119,8 +117,7 @@ printWidth: 80
 exports[`postcss-nested-props.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .funky {
     font: {
@@ -157,8 +154,7 @@ printWidth: 80
 exports[`postcss-nesting.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a {
   order: 1;
@@ -584,8 +580,7 @@ a {
 exports[`postcss-simple-vars.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 background-color: $$(style)Color;
 background-color: $$(style)Color Color122;

tests/format/css/prefix/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`prefix.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   margin-left: -@leftMargin;

tests/format/css/pseudo-call/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`has.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 li:has(
   path[d="M544,272H480V150.627L523.314,107.314A16,16,0,0,0,500.686,84.687L457.373,128H415a127.00381,127.00381,0,1,0-254,0H118.627L75.314,84.687A16,16,0,1,0,52.686,107.314L96,150.627V272H32a16,16,0,0,0,0,32H96v24a174.98856,174.98856,0,0,0,30.484,98.889L68.687,484.686a15.99972,15.99972,0,1,0,22.627,22.627l55.616-55.616A175.45165,175.45165,0,0,0,272,504h32a175.45165,175.45165,0,0,0,125.07-52.303l55.616,55.616a15.99972,15.99972,0,0,0,22.627-22.627l-57.797-57.797A174.98856,174.98856,0,0,0,480,328V304h64a16,16,0,0,0,0-32ZM288,32.01263A95.99568,95.99568,0,0,1,383,128H193A95.99568,95.99568,0,0,1,288,32.01263ZM448,328c0,79.401-64.598,144-144,144V236a12.00052,12.00052,0,0,0-12-12h-8a12.00052,12.00052,0,0,0-12,12V472c-79.402,0-144-64.599-144-144V160H448Z"]
@@ -25,8 +24,7 @@ li:has(
 exports[`indent.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :where(input:not([type="button"], [type="reset"], [type="submit"]), textarea, select) {
     /* CSS here */
@@ -110,8 +108,7 @@ printWidth: 80
 exports[`is.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :is(ol, ul, menu:unsupported) :is(ol, ul) {
     color: green;
@@ -191,8 +188,7 @@ some-element:is(::before, ::after) {
 exports[`pseudo_call.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div:not(:last-child) {
 }
@@ -207,8 +203,7 @@ div:not(:last-child) {
 exports[`where.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :where(#p0:checked ~ #play:checked ~ #c1:checked, #p1:checked ~ #play:checked ~ #c2:checked, #p2:checked ~ #play:checked ~ #cO:checked) ~ #result >
 #c { display: block; }

tests/format/css/quotes/__snapshots__/format.test.js.snap

@@ -3,9 +3,8 @@
 exports[`quotes.css - {"singleQuote":true} format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
 singleQuote: true
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "UTF-8";
 /* @charset must always have double quotes: https://www.w3.org/TR/css-syntax-3/#determine-the-fallback-encoding */
@@ -200,8 +199,7 @@ one 'two' three {
 exports[`quotes.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "UTF-8";
 /* @charset must always have double quotes: https://www.w3.org/TR/css-syntax-3/#determine-the-fallback-encoding */

tests/format/css/range/__snapshots__/format.test.js.snap

@@ -1,17 +1,16 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`issue2267.css format 1`] = `
-====================================options=====================================
-parsers: ["css"]
-printWidth: 80
-rangeEnd: 4
-     |                                                                                | printWidth
-=====================================input======================================
+    : ====================================options=====================================
+    : parsers: ["css"]
+    : rangeEnd: 4
+    :                                                       printWidth: 80 (default) |
+    : =====================================input======================================
 > 1 | .x{} 
     | ^^^^
   2 |
-=====================================output=====================================
-.x{} 
-
-================================================================================
+    : =====================================output=====================================
+    : .x{} 
+    :
+    : ================================================================================
 `;

tests/format/css/selector-call/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`call.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .e:extend(.f, .g) {}
 

tests/format/css/selector-list/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`selectors.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .a,.b,.c {}
 .r { &, &:hover {} }

tests/format/css/selector-string/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`string.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :not(".public/basics/positioning") {
 }

tests/format/css/stylefmt-repo/at-apply/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`at-apply.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .toolbar{@apply   --toolbar-theme   ;
 }

tests/format/css/stylefmt-repo/at-media/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`at-media.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @media   (    max-width:600px    )      {}
 @media   (   min-width:700px) and (     orientation:    landscape){}

tests/format/css/stylefmt-repo/attr-selector/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`attr-selector.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 [  data-sizes~="m:0" ]    {
   color:pink;

tests/format/css/stylefmt-repo/charset-2/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`charset-2.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "utf-8" ;
 

tests/format/css/stylefmt-repo/charset/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`charset.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "utf-8";
 

tests/format/css/stylefmt-repo/color-hex-lowercase/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`color-hex-lowercase.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo{color:#ABCDEF}
 

tests/format/css/stylefmt-repo/comment-in-rules/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`comment-in-rules.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class
 {display: inline-block;

tests/format/css/stylefmt-repo/comment/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`comment.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /**
  * comment

tests/format/css/stylefmt-repo/content/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`content.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
   div {content: "  test 1/2  ";   content:'  test   1+2';
 }

tests/format/css/stylefmt-repo/cssnext-example/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`cssnext-example.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 /* custom properties */
 :root{--fontSize: 1rem;

tests/format/css/stylefmt-repo/custom-media-queries/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`custom-media-queries.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-media     --small-viewport ( max-width:30em   )
 

tests/format/css/stylefmt-repo/custom-properties/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`custom-properties.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 :root{--mainColor:#123456}
 a{color:var(        --mainColor     )     ; }

tests/format/css/stylefmt-repo/custom-selectors/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`custom-selectors.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @custom-selector  :--button     button,.button;
 @custom-selector       :--enter     :hover,:focus      ;

tests/format/css/stylefmt-repo/data-url/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`data-url.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 div {
   background-image: url(data:image/png;base64,iVBORw0KGg);

tests/format/css/stylefmt-repo/font-face/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`font-face.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
  @font-face          {font-family:'HelveticaNeueW02-45Ligh';src:url("/fonts/pictos-web.eot");src:local("☺"),url("/fonts/pictos-web.woff") format("woff"),url("/fonts/pictos-web.ttf") format("truetype"),url("/fonts/pictos-web.svg#webfontIyfZbseF") format("svg");font-weight:normal;font-style:normal;}
 

tests/format/css/stylefmt-repo/font-shorthand/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`font-shorthand.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class {
   font: normal normal 24px/1 "myfont";font: normal normal normal 12px/20px myfont;

tests/format/css/stylefmt-repo/ie-hacks/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`ie-hacks.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 * html p {font-size: 5em; }
 .class {

tests/format/css/stylefmt-repo/import/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`import.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
         @import         "./settings"    ;
 

tests/format/css/stylefmt-repo/important/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`important.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class {
   color: red   !   important;

tests/format/css/stylefmt-repo/lowercase/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`lowercase.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @charset "UTF-8";
 

tests/format/css/stylefmt-repo/media-indent-with-import/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`media-indent-with-import.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @import "foo";@import "bar";
 .wrapper {

tests/format/css/stylefmt-repo/media-indent/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`media-indent.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
     @media(max-width:1000px)

tests/format/css/stylefmt-repo/media-queries-ranges/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`media-queries-ranges.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @media (width >= 500px) and (width <= 1200px) {
   .rule {color:red;}

tests/format/css/stylefmt-repo/nested-2/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-2.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .btn {&:hover {
     color: red;

tests/format/css/stylefmt-repo/nested-atrule/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-atrule.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @media (min-width: 992px){@media (max-width: 1200px) {
 .container

tests/format/css/stylefmt-repo/nested-indention-2/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-indention-2.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .y-photo-grid{
     display: flex;

tests/format/css/stylefmt-repo/nested-indention/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-indention.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .y-photo-grid
 {

tests/format/css/stylefmt-repo/nested-mixin-2/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-mixin-2.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @mixin test() {
   $values: blue red;

tests/format/css/stylefmt-repo/nested-mixin/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested-mixin.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @mixin test() {
   $values: blue red;

tests/format/css/stylefmt-repo/nested/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`nested.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
      .foo {font-size   :12px      ;
 

tests/format/css/stylefmt-repo/non-nested-combinator/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`non-nested-combinator.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .card-meta {
   @include padding(null 1rem 1rem);background-color: $card-base-background-color;

tests/format/css/stylefmt-repo/pseudo-element/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`pseudo-element.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 a:after  { content:"" }
 a::before  { content:"" }

tests/format/css/stylefmt-repo/shorthand-with-sass-variables/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`shorthand-with-sass-variables.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class{border:1px  solid       $color;
 }

tests/format/css/stylefmt-repo/values/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`values.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class {
   background:linear-gradient(to bottom right,white,hsla(0,0%,100%,.8));

tests/format/css/stylefmt-repo/var-notation/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`var-notation.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {margin:var(     --n-gutterSize) 0 var(   --gutterSize ) var( --n-gutterSize );
 }

tests/format/css/stylefmt-repo/vendor-prefix/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`vendor-prefix.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .class
 {-webkit-box-sizing:border-box;box-sizing:border-box

tests/format/css/tailwind/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`utility-directive.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @utility tab-* {
   tab-size: --value(--tab-size-*);

tests/format/css/trailing-comma/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`var-func.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 .foo {
 	--bar: var(--baz,);

tests/format/css/units/__snapshots__/format.test.js.snap

@@ -3,8 +3,7 @@
 exports[`values.css format 1`] = `
 ====================================options=====================================
 parsers: ["css"]
-printWidth: 80
-                                                                                | printWidth
+                                                      printWidth: 80 (default) |
 =====================================input======================================
 @value 4XLarge 28/36px;