third_party/WebKit/LayoutTests/fast/multicol/change-column-rule.html

   1 <!DOCTYPE html>
   2 <p>The rules below should be green, and there should be no assertion failures.</p>
   3 <p>Click to test if testing manually.</p>
   4 <div id="mc" style="-webkit-columns:3; line-height:100px; -webkit-column-rule:solid yellow;">
   5     <br>
   6     <br>
   7     <br>
   8 </div>
   9 <script>
  10     if (window.testRunner)
  11         testRunner.waitUntilDone();
  12     function changeStyle() {
  13         document.getElementById('mc').style.webkitColumnRuleColor = 'green';
  14         if (window.testRunner)
  15             testRunner.notifyDone();
  16     }
  17     onclick = changeStyle; // for testing manually.
  18     onload = function() {
  19         // Force painting, then change style, which in turn will trigger another repaint.
  20         if (window.testRunner)
  21             testRunner.layoutAndPaintAsyncThen(changeStyle);
  22     }
  23 </script>