Fix the preferred logical widths code to work with spanning grid items

LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html

Index: LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html
diff --git a/LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html b/LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html
index fb70e1c52f022895529eedde18de0d5dd793744d..eb7e2ea0aa19deff47d907b78b9d3002899abc4f 100755
--- a/LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html
+++ b/LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html
@@ -37,6 +37,11 @@
     font: 10px/1 Ahem;
 }
 
+.gridFixedFraction {
+    grid-definition-columns: minmax(10px, 1fr) minmax(2fr, 20px);
+    grid-definition-rows: 10px;
+}
+
 .margins {
     margin: 10px 20px 30px 40px;
 }
@@ -81,6 +86,9 @@
     <div class="firstRowSecondColumn">XX XX XX</div>
 </div>
 
+<div class="grid gridFixedFraction min-content" data-expected-height="10" data-expected-width="10"></div>
+<div class="grid gridFixedFraction max-content" data-expected-height="10" data-expected-width="30"></div>
+
 <!-- Now with margin on one of the grid items. -->
 <div class="grid gridMinContentFixed min-content" data-expected-height="10" data-expected-width="100">
     <div class="firstRowFirstColumn">XX XX XX</div>
@@ -107,5 +115,26 @@
     <div class="firstRowSecondColumn">XX XX XX</div>
 </div>
 
+<!-- Spanning cells -->
+<div class="grid gridMinContentFixed min-content" data-expected-height="10" data-expected-width="20">
+    <div class="firstRowBothColumn">XX XX XX</div>
+</div>
+<div class="grid gridFixedMinContent max-content" data-expected-height="10" data-expected-width="80">
+    <div class="firstRowBothColumn">XXXXX XXXXX</div>
+    <div class="firstRowSecondColumn">XXXXX XXXXX</div>
+</div>
+<div class="grid gridFixedMaxContent max-content" data-expected-height="10" data-expected-width="80">
+    <div class="firstRowBothColumn">XX XX XX</div>
+    <div class="firstRowBothColumn">XX XX XX</div>
+</div>
+<div class="grid gridAutoContent min-content" data-expected-height="10" data-expected-width="20">
+    <div class="firstRowFirstColumn">XX XX XX</div>
+    <div class="firstRowBothColumn">XX XX XX</div>
+</div>
+<div class="grid gridAutoContent max-content" data-expected-height="10" data-expected-width="120">
+    <div class="firstRowBothColumn">XX XX XX</div>
+    <div class="firstRowSecondColumn">XX XX XX</div>
+</div>
+
 </body>
 </html>