Upstream version 9.38.198.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / fast / text-autosizing / oscillation-javascript-fontsize-change.html
index 741bd6f..8e39e47 100644 (file)
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html style="font-size: 16px">
 <head>
-
 <meta name="viewport" content="width=800">
 <style>
   body {
   }
   .largersize{font-size: 1.1em}
 </style>
-
 <script src="resources/autosizingTest.js"></script>
-
 </head>
 <body>
-
-<div style="top: 50px; position: absolute; overflow: auto;">
-    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .<br/>
-    This paragraph should be autosized to 19.8px<br/>
+<div>
+    This paragraph should be autosized to 40px<br/>
     because it contains line breaks.<br/>
     This test is intended to check<br/>
     that there are no oscillations due to javascript<br/>
     briefly increasing the font size of a<br/>
     small paragraph below.
 </div>
-<div id="sizechanging">
+<div id="sizechanging" style="position: absolute; bottom: 0;">
     This text changes size using javascript below.
 </div>
-
 <script>
-element = document.getElementById("sizechanging");
-if (element.offsetHeight) {
-    // force layout (computation of offsetHeight triggers reflow)
-}
-element.className = 'largersize';
-if (element.offsetHeight) {}
-element.className = '';
-if (element.offsetHeight) {}
+    var element = document.getElementById("sizechanging");
+    var forceLayout = element.offsetHeight;
+    element.className = 'largersize';
+    forceLayout = element.offsetHeight;
+    element.className = '';
+    forceLayout = element.offsetHeight;
 </script>
-<noscript>fail (no support for javascript)</noscript>
-
 </body>
 </html>