Update specs to preserve the location of trailing loud comments (#1485)

See Issue sass/dart-sass#417 
See PR sass/dart-sass#849

Co-authored-by: Carlos Israel Ortiz García <goodwine@google.com>
Co-Authored-By: Natalie Weizenbaum <nweiz@google.com>

spec/css/keyframes.hrx

@@ -28,6 +28,9 @@ a {
 }
 
 <===> bubble/empty/output.css
+@keyframes { /**/ }
+
+<===> bubble/empty/output-libsass.css
 @keyframes {
   /**/
 }

spec/directives/use/css/order.hrx

@@ -451,6 +451,25 @@ a {file: midstream}
 
 <===> import_order/comments_and_imports/output.css
 /* upstream comment before import */
+@import "upstream.css";
+/* midstream comment before use */
+/* midstream comment before first import */
+@import "midstream1.css";
+/* midstream comment before second import */
+@import "midstream2.css";
+/* input comment before use */
+/* input comment before import */
+@import "input.css";
+/* upstream comment after import */
+/* midstream comment after imports */
+a {
+  file: midstream;
+}
+
+/* input comment after import */
+
+<===> import_order/comments_and_imports/output-libsass.css
+/* upstream comment before import */
 
 @import "upstream.css";
 

spec/libsass-closed-issues/issue_1007.hrx

@@ -4,6 +4,13 @@
 } /* end */
 <===> output.css
 /* start */
+foo baz {
+  /* before */
+  margin: 0; /* after */
+} /* end */
+
+<===> output-libsass.css
+/* start */
 foo baz {
   /* before */
   margin: 0;

spec/libsass-closed-issues/issue_1294.hrx

@@ -11,6 +11,14 @@ foo {
 /*------------------------------------*\
   #BUTTONS
 \*------------------------------------*/
+foo {
+  display: inline-block; /* [1] */
+}
+
+<===> output-libsass.css
+/*------------------------------------*\
+  #BUTTONS
+\*------------------------------------*/
 foo {
   display: inline-block;
   /* [1] */

spec/libsass-closed-issues/issue_1567.hrx

@@ -7,6 +7,14 @@
 
 <===> output.css
 /* any */
+@media screen, not print { /* whatever */
+  body {
+    line-height: 1.2;
+  }
+}
+
+<===> output-libsass.css
+/* any */
 @media screen, not print {
   /* whatever */
   body {

spec/libsass-closed-issues/issue_894.hrx

@@ -2,9 +2,7 @@
 a {/**/}
 b {content: 'something so I have a non-empty expected output'}
 <===> output.css
-a {
-  /**/
-}
+a { /**/ }
 
 b {
   content: "something so I have a non-empty expected output";

spec/libsass-closed-issues/issue_941.hrx

@@ -6,6 +6,12 @@
 
 <===> output.css
 .one,
+.two { /* 3 */
+  color: #F00; /* 4 */
+}
+
+<===> output-libsass.css
+.one,
 .two {
   /* 3 */
   color: #F00;

spec/non_conformant/basic/06_nesting_and_comments.hrx

@@ -25,18 +25,18 @@ div {
       bloo: bloo;
     }
   }
-  p {
+  p { /* comment after open brace goes in */
     padding: 10px 8%;
     -webkit-box-sizing: $blux;
-  }
+  } /* comment after close brace goes out */
   margin: 10px 5px;
   h1 {
     color: $blip;
   }
 }
 /* last comment, top level again --
    compare the indentation! */
-   
+
 div {
   f: g;
   empty {
@@ -58,6 +58,55 @@ div {
   color: red;
   background: blue;
   /* the next selector should be indented two spaces */
+  /* comment after close brace goes out */
+  margin: 10px 5px;
+}
+div span {
+  font-weight: bold;
+  /* yet another comment that should be preserved */
+  display: inline-block;
+}
+div span a {
+  text-decoration: none; /* where will this comment go? */
+  color: green;
+  /* what about this comment? */
+  border: 1px bloo blee red;
+}
+div empty not_empty {
+  blah: blah;
+  bloo: bloo;
+}
+div p { /* comment after open brace goes in */
+  padding: 10px 8%;
+  -webkit-box-sizing: hux;
+}
+div h1 {
+  color: "a 'red' and \"blue\" value";
+}
+
+/* last comment, top level again --
+   compare the indentation! */
+div {
+  f: g;
+}
+div empty span {
+  a: b;
+}
+div empty_with_comment {
+  /* hey now */
+}
+div empty_with_comment span {
+  c: d;
+}
+
+<===> output-libsass.css
+/* top level comment -- should be preserved */
+div {
+  /* another comment that should be preserved */
+  color: red;
+  background: blue;
+  /* the next selector should be indented two spaces */
+  /* comment after close brace goes out */
   margin: 10px 5px;
 }
 div span {
@@ -77,6 +126,7 @@ div empty not_empty {
   bloo: bloo;
 }
 div p {
+  /* comment after open brace goes in */
   padding: 10px 8%;
   -webkit-box-sizing: hux;
 }