gecko/layout/reftests/svg/foreignObject-ancestor-style-change-01.svg

<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     onload="handle_load();" class="reftest-wait">

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=381285 -->

  <title>Testcase for style change on foreignObject ancestor</title>

  <!--
  This testcase checks that foreignObject content is correctly updated when
  a style change that requires layout changes occurs on an ancestor.
  -->

  <script>

function handle_load()
{
  setTimeout(change_font_size, 50); // allow some time for layout and rendering
}

function change_font_size()
{
  document.getElementById('g').style.fontSize = '16px';
  setTimeout(notify_test_finished, 50); // allow some time for layout and rendering
}

function notify_test_finished()
{
  document.documentElement.removeAttribute('class');
}

  </script>

  <g id="g" style="font-size: 26px;">
    <foreignObject width="100%" height="100%">
      <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%;">
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
        Padding text. Padding text. Padding text. Padding text. Padding text.
      </div>
    </foreignObject>
  </g>

</svg>