layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7     This test checks that we reflow nested flex containers sufficiently when
   8     the window (or the iframe we're inside of) is horizontally resized.
   9
  10     This test should end up rendering as a lime square, 100px by 100px.
  11 -->
  12 <html xmlns="http://www.w3.org/1999/xhtml"
  13       class="reftest-wait">
  14   <head>
  15     <style>
  16       #frame {
  17         width: 400px;
  18         height: 200px;
  19         border: 0;
  20       }
  21     </style>
  22     <script>
  23       function tweak() {
  24         document.getElementById("frame").style.width = "100px";
  25         document.documentElement.removeAttribute("class");
  26       }
  27       window.addEventListener("MozReftestInvalidate", tweak, false);
  28     </script>
  29   </head>
  30   <body>
  31     <iframe id="frame" src="flexbox-dyn-changeFrameWidth-1-iframe.html"></iframe>
  32   </body>
  33 </html>