[CSS Grid Layout] Support calc() breadth track size

LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html

Index: LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html
diff --git a/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html b/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html
index 4837466c81748c99153cbe5e4018d2b5fb6fe8f4..b83602fd670076a1c600ff921deb08521dc4fec2 100755
--- a/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html
@@ -52,6 +52,22 @@
     grid-definition-columns: 1fr;
     grid-definition-rows: 2fr;
 }
+.gridWithCalc {
+    grid-definition-columns: calc(150px);
+    grid-definition-rows: calc(75px);
+}
+.gridWithCalcComplex {
+    grid-definition-columns: calc(50% + 150px);
+    grid-definition-rows: calc(65% + 75px);
+}
+.gridWithCalcInsideMinMax {
+    grid-definition-columns: minmax(10%, calc(15px));
+    grid-definition-rows: minmax(calc(20px), 50%);
+}
+.gridWithCalcComplexInsideMinMax {
+    grid-definition-columns: minmax(10%, calc(50% + 15px));
+    grid-definition-rows: minmax(calc(20px + 10%), 50%);
+}
 </style>
 <script src="../../resources/js-test.js"></script>
 </head>
@@ -68,6 +84,10 @@
 <div class="gridWithMinContent" id="gridWithMinContent"></div>
 <div class="gridWithMaxContent" id="gridWithMaxContent"></div>
 <div class="gridWithFraction" id="gridWithFraction"></div>
+<div class="gridWithCalc" id="gridWithCalc"></div>
+<div class="gridWithCalcComplex" id="gridWithCalcComplex"></div>
+<div class="gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div>
+<div class="gridWithCalcComplexInsideMinMax" id="gridWithCalcComplexInsideMinMax"></div>
 <script src="resources/grid-definitions-parsing-utils.js"></script>
 <script src="resources/non-grid-columns-rows-get-set.js"></script>
 </body>