[css-grid] refactoring of layout tests

third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html
index 184dba34f2b7e410d9627f5dc56ad2a007636149..a4c0cc3debe8c4ae27c4b315f8899d2783c3b471 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html
@@ -50,7 +50,7 @@
 </div>
 
 <div class="container">
-<div class="grid" style="-webkit-writing-mode: horizontal-bt" data-expected-width="400" data-expected-height="300">
+<div class="grid horizontalBT" data-expected-width="400" data-expected-height="300">
     <div class="firstRowFirstColumn" data-expected-width="160" data-expected-height="15"></div>
     <div class="firstRowSecondColumn" data-expected-width="15" data-expected-height="90"></div>
     <div class="secondRowFirstColumn" data-expected-width="80" data-expected-height="105"></div>
@@ -59,7 +59,7 @@
 </div>
 
 <div class="container">
-<div class="grid" style="-webkit-writing-mode: vertical-rl;" data-expected-width="400" data-expected-height="300">
+<div class="grid verticalRL" data-expected-width="400" data-expected-height="300">
     <div class="firstRowFirstColumn" data-expected-width="120" data-expected-height="15"></div>
     <div class="firstRowSecondColumn" data-expected-width="15" data-expected-height="180"></div>
     <div class="secondRowFirstColumn" data-expected-width="140" data-expected-height="60"></div>
@@ -68,7 +68,7 @@
 </div>
 
 <div class="container">
-<div class="grid" style="-webkit-writing-mode: vertical-lr;" data-expected-width="400" data-expected-height="300">
+<div class="grid verticalLR" data-expected-width="400" data-expected-height="300">
     <div class="firstRowFirstColumn" data-expected-width="120" data-expected-height="15"></div>
     <div class="firstRowSecondColumn" data-expected-width="15" data-expected-height="180"></div>
     <div class="secondRowFirstColumn" data-expected-width="140" data-expected-height="60"></div>