font-size-change-is-observable.html

<!DOCTYPE HTML>
<html>
<head>
<style>
#autosize {
  font-size: 10px;
}
</style>
<script src="resources/autosizingTest.js"></script>
<script>
  function test() {
    var autosizeContainer = document.getElementById('autosize');
    var forceLayout = autosizeContainer.offsetWidth;
    var computedFontSize = parseInt(window.getComputedStyle(autosizeContainer).fontSize);
    if (computedFontSize > 10)
      document.write('PASS');
    else
      document.write('FAIL. Expected a font size above 10, got ' + computedFontSize);
    if (window.testRunner)
      testRunner.dumpAsText();
  }
</script>
</head>
<body onload="test()">
  <div id="autosize">
    This test passes if this text is autosized, the font size change is observable from javascript, and FAIL is not printed. I'm just adding lines so this text is long enough to autosize. I'm just adding lines so this text is long enough to autosize. I'm just adding lines so this text is long enough to autosize. I'm just adding lines so this text is long enough to autosize. I'm just adding lines so this text is long enough to autosize. I'm just adding lines so this text is long enough to autosize. 
  </div>
</body>
</html>
chromium/third_party/blink/web_tests/fast/text-autosizing/font-size-change-is-observable.html
