getComputedStyle.svg

Enable keyboard shortcuts

This test has a WPT meta file that expects 2 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /svg/path/property/getComputedStyle.svg - WPT Dashboard Interop Dashboard

Checkerboard

<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:h="http://www.w3.org/1999/xhtml">

  <metadata>

    <h:link rel="help" href="https://svgwg.org/svg2-draft/paths.html#TheDProperty"/>

    <h:meta name="assert" content="d is a property"/>

  </metadata>

  <style>

    .p3 {

      d: path('M 10 3 H 30');

    .g5 {

      d: path('m 10 5 h 40');

    .p6 {

      d: inherit;

  </style>

  <g id="g0">

    <path id="p1"></path>

    <path id="p2" d="M 10 2 H 20"></path>

    <path id="p3" class="p3"></path>

    <path id="p4" style="d: path('M 10 4 H 40')"></path>

  </g>

  <g id="g5" class="g5">

    <path id="p6" class="p6"></path>

    <path id="p7"></path>

  </g>

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

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

  <script><![CDATA[

  function test_computed_value_of_d(id, expected) {

    test(function() {

      let target = document.getElementById(id);

      assert_equals(getComputedStyle(target).d, expected);

    }, `d property of ${id} should be ${expected}.`);

  test_computed_value_of_d('g0', 'none');

  test_computed_value_of_d('p1', 'none');

  test_computed_value_of_d('p2', 'path("M 10 2 H 20")');

  test_computed_value_of_d('p3', 'path("M 10 3 H 30")');

  test_computed_value_of_d('p4', 'path("M 10 4 H 40")');

  test_computed_value_of_d('g5', 'path("M 10 5 H 50")');

  test_computed_value_of_d('p6', 'path("M 10 5 H 50")');

  test_computed_value_of_d('p7', 'none');

  ]]></script>

</svg>