third_party/WebKit/LayoutTests/fast/html/meter-user-modify.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 meter::-webkit-meter-bar {
   6     -webkit-user-modify: read-write;
   7 }
   8
   9 meter {
  10     -webkit-appearance: none;
  11 }
  12 </style>
  13 </head>
  14 <body>
  15 <script src="../../resources/js-test.js"></script>
  16
  17 <p>The inner element of meter should not be deleteable.</p>
  18
  19 <div id="container" contenteditable>
  20     (before)<meter id="meter" min="0" max="100" value="50"></meter>(after)
  21 </div>
  22
  23 <script>
  24 function focusAndType(id, key)
  25 {
  26     var target = document.getElementById(id);
  27     eventSender.mouseMoveTo(target.offsetLeft + 2, target.offsetTop + 2);
  28     eventSender.mouseDown();
  29     eventSender.mouseUp();
  30     eventSender.keyDown(key);
  31 }
  32
  33 var container = document.getElementById("container");
  34 layoutTreeBeforeType = internals.elementLayoutTreeAsText(document.documentElement);
  35
  36 focusAndType("meter", "X");
  37
  38 layoutTreeAfterType = internals.elementLayoutTreeAsText(document.documentElement);
  39 shouldBe("layoutTreeAfterType", "layoutTreeBeforeType");
  40
  41 var successfullyParsed = true;
  42 </script>
  43 </body>
  44 </html>