[css-grid] refactoring of layout tests

third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html
index d30178eda28cfe138b2781861ed73d9e2a64ba5c..f538a498da6ea4a5d68f943ad882e42d03eb6ee8 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-fixed-logical-width-only.html
@@ -27,21 +27,18 @@
 #grid4 {
     grid-template-columns: minmax(20px, 80px) 160px;
     grid-template-rows: 30px;
-    -webkit-writing-mode: vertical-rl;
 }
 
 #grid5 {
     /* 50% > 80px, 80px should be ignored. */
     grid-template-columns: minmax(50%, 80px) minmax(10px, 60%);
     grid-template-rows: 30px;
-    -webkit-writing-mode: vertical-lr;
 }
 
 #grid6 {
     /* Overlapping range. */
     grid-template-columns: minmax(10px, 180px) minmax(30px, 150px);
     grid-template-rows: 30px;
-    -webkit-writing-mode: horizontal-bt;
 }
 
 .firstRowFirstColumn {
@@ -75,17 +72,17 @@
     <div class="firstRowSecondColumn" data-expected-height="30" data-expected-width="50"></div>
 </div>
 
-<div class="grid" id="grid4" data-expected-width="100" data-expected-height="200">
+<div class="grid verticalRL" id="grid4" data-expected-width="100" data-expected-height="200">
     <div class="firstRowFirstColumn" data-expected-height="40" data-expected-width="30"></div>
     <div class="firstRowSecondColumn" data-expected-height="160" data-expected-width="30"></div>
 </div>
 
-<div class="grid" id="grid5" data-expected-width="100" data-expected-height="200">
+<div class="grid verticalLR" id="grid5" data-expected-width="100" data-expected-height="200">
     <div class="firstRowFirstColumn" data-expected-height="100" data-expected-width="30"></div>
     <div class="firstRowSecondColumn" data-expected-height="100" data-expected-width="30"></div>
 </div>
 
-<div class="grid" id="grid6" data-expected-width="100" data-expected-height="200">
+<div class="grid horizontalBT" id="grid6" data-expected-width="100" data-expected-height="200">
     <div class="firstRowFirstColumn" data-expected-height="30" data-expected-width="40"></div>
     <div class="firstRowSecondColumn" data-expected-height="30" data-expected-width="60"></div>
 </div>