third_party/WebKit/LayoutTests/fast/forms/button-generated-content.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <script src="../../resources/ahem.js"></script>
   4 <head>
   5     <title></title>
   6     <style type="text/css">
   7         button { font-family: Ahem; }
   8         button.bef:before { content:'before'; }
   9         button.aft:after { content:'after'; }
  10         button.bef1:before { content:'BEFORE'; }
  11         button.aft1:after { content:'AFTER'; }
  12     </style>
  13     <script type="text/javascript">
  14         function test()
  15         {
  16             // force layout
  17             document.body.offsetTop;
  18             // change style, forcing generated content to update
  19             document.getElementById("a").style.color = "blue";
  20             document.getElementById("b").style.color = "blue";
  21             document.getElementById("c").style.color = "blue";
  22             document.getElementById("d").style.color = "blue";
  23             // remove generated content
  24             document.getElementById("e").className = "";
  25             document.getElementById("f").className = "";
  26             document.getElementById("g").className = "";
  27             document.getElementById("h").className = "";
  28             // add generated content
  29             document.getElementById("i").className = "bef";
  30             document.getElementById("j").className = "bef";
  31             document.getElementById("k").className = "aft";
  32             document.getElementById("l").className = "aft";
  33             // replace generated content
  34             document.getElementById("m").className = "bef";
  35             document.getElementById("n").className = "bef";
  36             document.getElementById("o").className = "aft";
  37             document.getElementById("p").className = "aft";
  38         }
  39     </script>
  40 </head>
  41 <body onload="test();">
  42     <p>
  43         This is a test of generated content in &lt;button>  for
  44         <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9561">http://bugzilla.opendarwin.org/show_bug.cgi?id=9561</a>
  45         REGRESSION: Content property on :before of button causes hang on click or hover</i>.
  46     </p>
  47     <hr>
  48     <button id="a" class="bef"></button>
  49     <button id="b" class="bef">button</button>
  50     <br>
  51     <button id="c" class="aft"></button>
  52     <button id="d" class="aft">button</button>
  53     <br>
  54     <button id="e" class="bef"></button>
  55     <button id="f" class="bef">button</button>
  56     <br>
  57     <button id="g" class="aft"></button>
  58     <button id="h" class="aft">button</button>
  59     <br>
  60     <button id="i"></button>
  61     <button id="j">button</button>
  62     <br>
  63     <button id="k"></button>
  64     <button id="l">button</button>
  65     <br>
  66     <button id="m" class="bef1"></button>
  67     <button id="n" class="bef1">button</button>
  68     <br>
  69     <button id="o" class="aft1"></button>
  70     <button id="p" class="aft1">button</button>
  71     <br>
  72 </body>
  73 </html>