mirror of
https://github.com/servo/servo.git
synced 2025-06-25 17:44:33 +01:00
26 lines
1 KiB
HTML
26 lines
1 KiB
HTML
<!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>
|