pjs/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="startTest()" 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 startTest() {
    document.addEventListener("MozReftestInvalidate", doTest, false);
    // in case we're not gecko
    setTimeout(doTest, 5000);
  }

  function doTest() {
    document.getElementById('g').style.fontSize = '16px';
    
    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>