layout/reftests/margin-collapsing/caption-sibling-1a-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <!-- dbaron thinks the validity of this test is questionable, see
   5      https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
   6 <style type="text/css">
   7 #table {
   8  display: table;
   9  width: 100px;
  10 }
  11 #caption1 {
  12  display: table-caption;
  13  height: 20px;
  14  background-color: red;
  15  margin-bottom: 10px;
  16 }
  17 #caption2 {
  18  display: none;
  19  height: 20px;
  20  background-color: blue;
  21  margin: 20px 0;
  22 }
  23 #caption3 {
  24  display: table-caption;
  25  height: 20px;
  26  background-color: green;
  27  margin-top: 10px;
  28 }
  29 </style>
  30 <script type="text/javascript">
  31 function test() {
  32  document.getElementById('caption2').style.display = 'table-caption';
  33  document.documentElement.removeAttribute('class');
  34 }
  35 document.addEventListener('MozReftestInvalidate', test);
  36 </script>
  37 </head>
  38 <body>
  39 <div id="table">
  40  <div id="caption1"></div>
  41  <div id="caption2"></div>
  42  <div id="caption3"></div>
  43 </div>
  44 </body>
  45 </html>