foreignObject-in-non-rendered-getComputedStyle.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/render/foreignObject-in-non-rendered-getComputedStyle.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>SVG Test: Resolved width inside non-rendered foreignObject</title>

<link rel="help" href="https://www.w3.org/TR/SVG2/render.html#Rendered-vs-NonRendered">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<svg>

  <radialGradient>

    <pattern>

      <foreignObject id="foreignObject">

        <div id="foRoot"></div>

      </foreignObject>

    </pattern>

  </radialGradient>

</svg>

<script>

  test(() => {

    assert_equals(getComputedStyle(foreignObject).width, "auto", "Non-rendered foreignObject should have width computed to 'auto'.");

    assert_equals(getComputedStyle(foRoot).width, "auto", "Non-rendered block inside foreignObject should have width computed to 'auto'.");

  }, "Test that we don't generated boxes for foreignObject in non-rendered SVG.");

</script>