object-view-box-transition-mutation.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-images/object-view-box-transition-mutation.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Unrelated mutation does not affect object-view-box transition</title>

<link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box">

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

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

<div id=element>

</div>

<style>

  #element {

    object-view-box: inset(0px);

    transition: object-view-box 100s -50s linear;

</style>

<script>

  test((t) => {

    // Ensure a before-style for element.

    getComputedStyle(element).objectViewBox;

    // Trigger a transition from inset(0px) to inset(20px).

    element.style.objectViewBox = 'inset(20px)';

    assert_equals(getComputedStyle(element).objectViewBox, 'inset(10px)', 'before mutation');

    // Now do a style mutation that's unrelated to the computed value

    // of object-view-box, and check again.

    element.style.setProperty('--x', '1');

    assert_equals(getComputedStyle(element).objectViewBox, 'inset(10px)', 'after mutation');

  }, 'Unrelated mutation does not affect object-view-box transition');

</script>