LayoutTests/editing/input/style-change-during-input.html

   1 <html>
   2 <head>
   3 <script src="../../fast/js/resources/js-test-pre.js"></script>
   4 <style>
   5 body[style] { }
   6 </style>
   7 </head>
   8 <body>
   9 <textarea id="target"></textarea>
  10 <div>The text field should accept typed characters.</div>
  11 <pre id="console"></pre>
  12 <script>
  13 document.getElementById("target").addEventListener("textInput", function (evt) { evt.target.style.width = 100; });
  14 if (window.layoutTestController) {
  15     layoutTestController.dumpAsText();
  16     layoutTestController.waitUntilDone();
  17     window.target = document.getElementById("target");
  18     window.setTimeout(function() {
  19         window.target.focus();
  20         eventSender.keyDown("h");
  21         eventSender.keyDown("e");
  22         eventSender.keyDown("l");
  23         eventSender.keyDown("l");
  24         eventSender.keyDown("o");
  25         shouldBe("window.target.value", '"hello"');
  26         finishJSTest();
  27     }, 0);
  28 }
  29
  30 window.jsTestIsAsync = true;
  31 </script>
  32 <script src="../../fast/js/resources/js-test-post.js"></script>
  33 </body>
  34 </html>