Issue #2284 - Update reftest for behaviour change.

I've verified this against Edge-latest.

layout/reftests/bugs/1128354-1-ref.html

@@ -13,10 +13,21 @@
       }
 
       .flexInnerHoriz {
-        display: flex;
+        height: -moz-fit-content;
+        margin: 0 0 auto 0;
         background: pink;
       }
-
+      .height50pct {
+        height: -moz-fit-content;
+        margin: 0 0 auto 0;
+        background: brown;
+      }
+      .height0pct {
+        height: -moz-fit-content;
+        margin: 0 0 auto 0;
+        background: yellow;
+      }
+      
       .spacer {
         background: lightblue;
         height: 200px;
@@ -28,6 +39,8 @@
     <div class="flexVert">
       <div class="flexIntermediateHoriz">
         <div class="flexInnerHoriz">text</div>
+        <div class="height50pct">fifty</div>
+        <div class="height0pct">zero</div>
         <div class="spacer"></div>
       </div>
     </div>

layout/reftests/bugs/1128354-1.html

@@ -14,11 +14,26 @@
 
       .flexInnerHoriz {
         display: flex;
-        height: 100%; /* If you delete this line, then pink area is stretched
+        /* This percent should not be resolvable, because our parent's
-                         to have its height match blue area. */
+         * height is indefinite (because our parent is a flex item with an
+         * indefinite flex basis, in an indefinite-main-sized flex container).
+         * So we just end up with our content height.
+         */
+        height: 100%;
         background: pink;
       }
-
+      .height50pct {
+        /* This percent should not be resolvable, for the same reason as above.
+         */
+        height: 50%;
+        background: brown;
+      }
+      .height0pct {
+        /* This percent should not be resolvable, for the same reason as above.
+         */
+        height: 0%;
+        background: yellow;
+      }
       .spacer {
         background: lightblue;
         height: 200px;
@@ -30,6 +45,8 @@
     <div class="flexVert">
       <div class="flexIntermediateHoriz">
         <div class="flexInnerHoriz">text</div>
+        <div class="height50pct">fifty</div>
+        <div class="height0pct">zero</div>
         <div class="spacer"></div>
       </div>
     </div>