Upstream version 5.34.104.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / inspector / layer-tree-model.html
diff --git a/src/third_party/WebKit/LayoutTests/inspector/layer-tree-model.html b/src/third_party/WebKit/LayoutTests/inspector/layer-tree-model.html

index f8d640b..81fa43d 100644 (file)
--- a/src/third_party/WebKit/LayoutTests/inspector/layer-tree-model.html
+++ b/src/third_party/WebKit/LayoutTests/inspector/layer-tree-model.html
@@ -9,6 +9,7 @@
  <script src="../http/tests/inspector/inspector-test.js"></script>
  <script src="../http/tests/inspector/layers-test.js"></script>
  <script>
+window.quietUntilDone = true;
  
  function updateTree()
  {
@@ -19,18 +20,13 @@ function updateTree()
      b4.id = "b4";
      b4.className = "layer";
      document.getElementById("a").appendChild(b4);
-    if (window.testRunner)
-        testRunner.display();
  }
  
  function updateGeometry()
  {
      document.getElementById("c").style.width = "80px";
-    if (window.testRunner)
-        testRunner.display();
  }
  
-
  function test()
  {
      function addDepthMarker(layer)
@@ -42,25 +38,25 @@ function test()
  
      function step1()
      {
-         // Assure layer objects are not re-created during updates.
-         InspectorTest._layerTreeModel.forEachLayer(addDepthMarker);
-         InspectorTest.addResult("Initial layer tree");
-         InspectorTest.dumpLayerTree();
-         InspectorTest.evaluateAndRunWhenTreeChanges("updateTree()", step2);
+        // Assure layer objects are not re-created during updates.
+        InspectorTest._layerTreeModel.forEachLayer(addDepthMarker);
+        InspectorTest.addResult("Initial layer tree");
+        InspectorTest.dumpLayerTree();
+        InspectorTest.evaluateAndRunWhenTreeChanges("requestAnimationFrame(updateTree)", step2);
      }
  
      function step2()
      {
-         InspectorTest.addResult("Updated layer tree");
-         InspectorTest.dumpLayerTree();
-         InspectorTest.evaluateAndRunWhenTreeChanges("updateGeometry()", step3);
+        InspectorTest.addResult("Updated layer tree");
+        InspectorTest.dumpLayerTree();
+        InspectorTest.evaluateAndRunWhenTreeChanges("requestAnimationFrame(updateGeometry)", step3);
      }
  
      function step3()
      {
-         InspectorTest.addResult("Updated layer geometry");
-         InspectorTest.dumpLayerTree();
-         InspectorTest.completeTest();
+        InspectorTest.addResult("Updated layer geometry");
+        InspectorTest.dumpLayerTree();
+        InspectorTest.completeTest();
      }
  }
  
@@ -68,11 +64,11 @@ function test()
  </head>
  <body onload="runTest()">
  <div id="a" style="width: 200px; height: 200px" class="layer">
-    <div class="layer" id="b1" style="width: 150; height: 100"></div>
-    <div id="b2" class="layer" style="width: 140; height: 110">
-        <div id="c" class="layer" style="width: 100; height: 90"></div>
+    <div class="layer" id="b1" style="width: 150px; height: 100px"></div>
+    <div id="b2" class="layer" style="width: 140px; height: 110px">
+        <div id="c" class="layer" style="width: 100px; height: 90px"></div>
      </div>
-    <div id="b3" class="layer" style="width: 140; height: 110"></div>
+    <div id="b3" class="layer" style="width: 140px; height: 110px"></div>
  </div>
  <iframe id="frame" src="resources/composited-iframe.html" width="200" height="200"></div>
  </body>