Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / fast / css-grid-layout / grid-item-named-grid-area-resolution.html
diff --git a/src/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-named-grid-area-resolution.html b/src/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-named-grid-area-resolution.html

index 61e18a3..09a9739 100644 (file)
--- a/src/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-named-grid-area-resolution.html
+++ b/src/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-named-grid-area-resolution.html
@@ -1,25 +1,21 @@
  <!DOCTYPE html>
  <html>
  <head>
-<script>
-if (window.testRunner)
-    testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
-</script>
  <link href="resources/grid.css" rel="stylesheet">
  <style>
  .grid {
-    grid-definition-rows: "before" 50px "middle" 100px "after";
-    grid-definition-columns: 40px 80px 160px;
+    grid-template-rows: (before) 50px (middle) 100px (after);
+    grid-template-columns: 40px 80px 160px;
  }
  
  .gridWithoutRepeat {
-    grid-template: "first second third"
-                   "fourth fifth sixth";
+    grid-template-areas: "first second third"
+                         "fourth fifth sixth";
  }
  
  .gridWithRepeat {
-    grid-template: "first  second third"
-                   "fourth fourth third";
+    grid-template-areas: "first  second third"
+                         "fourth fourth third";
  }
  
  .gridItemFirstArea {
@@ -52,7 +48,7 @@ if (window.testRunner)
  }
  
  .gridItemNamedGridLineWithArea {
-    grid-row: third / "after";
+    grid-row: third / after;
      grid-column: 1;
  }
  </style>
@@ -77,7 +73,7 @@ if (window.testRunner)
  </div>
  
  <div style="position: relative">
-    <div class="grid gridWithRepeat">
+    <div class="grid gridWithRepeat gridAutoFlowStack">
          <!-- fifth and sixth are invalid named grid areas. -->
          <div class="sizedToGridArea gridItemSixthArea" data-offset-x="0" data-offset-y="0" data-expected-width="40" data-expected-height="50"></div>
          <div class="sizedToGridArea gridItemFifthArea" data-offset-x="0" data-offset-y="0" data-expected-width="40" data-expected-height="50"></div>