Add resolved test cases (#18358)

Co-authored-by: fisker Cheung <lionkay@gmail.com>

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

@@ -4296,6 +4296,16 @@ B
 @supports (transform-style: preserve-3d) or ((-moz-transform-style: preserve-3d) or
           ((-o-transform-style: preserve-3d) or (-webkit-transform-style: preserve-3d))) {}
 
+/* #8201 */
+@supports (--element(".minwidth", {"minWidth": 300})) {
+  [--self] {
+    background: greenyellow;
+  }
+}
+@supports ({"example": 1}) {
+  * { background: red; }
+}
+
 =====================================output=====================================
 @supports (transform-origin: 5% 5%) {
 }
@@ -4573,6 +4583,18 @@ B
   ) {
 }
 
+/* #8201 */
+@supports (--element(".minwidth", {"minWidth": 300})) {
+  [--self] {
+    background: greenyellow;
+  }
+}
+@supports ({"example": 1}) {
+  * {
+    background: red;
+  }
+}
+
 ================================================================================
 `;
 

tests/format/css/atrule/supports.css

@@ -381,3 +381,13 @@ B
 
 @supports (transform-style: preserve-3d) or ((-moz-transform-style: preserve-3d) or
           ((-o-transform-style: preserve-3d) or (-webkit-transform-style: preserve-3d))) {}
+
+/* #8201 */
+@supports (--element(".minwidth", {"minWidth": 300})) {
+  [--self] {
+    background: greenyellow;
+  }
+}
+@supports ({"example": 1}) {
+  * { background: red; }
+}

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

@@ -11,6 +11,39 @@ div {
   $fontFamily: "Lato", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+/* #4460 */
+.SearchBox {
+  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17);
+}
+
+.SearchBox {
+  @include foo {
+    margin-left: sg-layout-width(logo-shopify) / 2 * -1 + sg-offset-x(page-nav) / 2;
+  }
+}
+
+.SearchBox {
+  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17) !important;
+}
+
+.demo {
+  background-position: 0 0, 0 spacing(tight), spacing(tight) -1 * spacing(tight), -1 * spacing(tight) 0;
+}
+
+/* #4604 */
+.this-will-not-wrap {
+  background: transparent url(/long/path/to/dummy-image.svg) -1000px center no-repeat;
+}
+
+.this-will-wrap-correctly {
+  background: transparent url(/long/path/to/dummy-image.svg) 1000px center no-repeat;
+}
+
+.this-will-also-wrap-but-incorrectly {
+  background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px center no-repeat;
+}
+
+
 =====================================output=====================================
 div {
   border-left: 1px solid
@@ -24,5 +57,49 @@ div {
     sans-serif;
 }
 
+/* #4460 */
+.SearchBox {
+  box-shadow:
+    0 1rem 6rem rgba(0, 0, 0, 0.18),
+    0 0.3rem 1rem rgba(0, 0, 0, 0.17);
+}
+
+.SearchBox {
+  @include foo {
+    margin-left: sg-layout-width(logo-shopify) / 2 * -1 +
+      sg-offset-x(page-nav) / 2;
+  }
+}
+
+.SearchBox {
+  box-shadow:
+    0 1rem 6rem rgba(0, 0, 0, 0.18),
+    0 0.3rem 1rem rgba(0, 0, 0, 0.17) !important;
+}
+
+.demo {
+  background-position:
+    0 0,
+    0 spacing(tight),
+    spacing(tight) -1 * spacing(tight),
+    -1 * spacing(tight) 0;
+}
+
+/* #4604 */
+.this-will-not-wrap {
+  background: transparent url(/long/path/to/dummy-image.svg) -1000px center
+    no-repeat;
+}
+
+.this-will-wrap-correctly {
+  background: transparent url(/long/path/to/dummy-image.svg) 1000px center
+    no-repeat;
+}
+
+.this-will-also-wrap-but-incorrectly {
+  background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px
+    center no-repeat;
+}
+
 ================================================================================
 `;

tests/format/css/fill-value/fill.css

@@ -2,3 +2,36 @@ div {
   border-left: 1px solid mix($warningBackgroundColors, $warningBorderColors, 50%);
   $fontFamily: "Lato", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+
+/* #4460 */
+.SearchBox {
+  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17);
+}
+
+.SearchBox {
+  @include foo {
+    margin-left: sg-layout-width(logo-shopify) / 2 * -1 + sg-offset-x(page-nav) / 2;
+  }
+}
+
+.SearchBox {
+  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17) !important;
+}
+
+.demo {
+  background-position: 0 0, 0 spacing(tight), spacing(tight) -1 * spacing(tight), -1 * spacing(tight) 0;
+}
+
+/* #4604 */
+.this-will-not-wrap {
+  background: transparent url(/long/path/to/dummy-image.svg) -1000px center no-repeat;
+}
+
+.this-will-wrap-correctly {
+  background: transparent url(/long/path/to/dummy-image.svg) 1000px center no-repeat;
+}
+
+.this-will-also-wrap-but-incorrectly {
+  background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px center no-repeat;
+}
+

tests/format/jsx/template/__snapshots__/format.test.js.snap

@@ -25,6 +25,15 @@ printWidth: 80
   \`}
 </style>;
 
+// #5886
+<style jsx>{\`
+  .class {
+    flex-direction: column\${long_cond && long_cond && long_cond
+        ? "-reverse"
+        : ""};
+  }
+\`}</style>;
+
 =====================================output=====================================
 <style jsx>{\`
   p {
@@ -46,5 +55,14 @@ printWidth: 80
   \`}
 </style>;
 
+// #5886
+<style jsx>{\`
+  .class {
+    flex-direction: column\${long_cond && long_cond && long_cond
+        ? "-reverse"
+        : ""};
+  }
+\`}</style>;
+
 ================================================================================
 `;

tests/format/jsx/template/styled-components.js

@@ -16,3 +16,12 @@
      }
   `}
 </style>;
+
+// #5886
+<style jsx>{`
+  .class {
+    flex-direction: column${long_cond && long_cond && long_cond
+        ? "-reverse"
+        : ""};
+  }
+`}</style>;

tests/integration/cli/special-characters-in-path/ignore-emoji/ignored/α.js

@@ -0,0 +1,4 @@
+// #6250
+const foo
+=         'bar'
+;