26 lines
974 B
HTML
26 lines
974 B
HTML
<!DOCTYPE html>
|
|
<title>Animation element that end before time container begin</title>
|
|
<link rel="help" href="https://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-BeginEnd-LC-Start">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/common/rendering-utils.js"></script>
|
|
<svg>
|
|
<rect width="100" height="100" fill="green">
|
|
<animate attributeName="fill" values="red;red" begin="-1s" dur="1s" fill="freeze"/>
|
|
</rect>
|
|
<set attributeName="stroke-width" to="10"/>
|
|
</svg>
|
|
<script>
|
|
promise_test(t => {
|
|
const animationStart = new Promise(resolve => {
|
|
document.querySelector('set').onbegin = resolve;
|
|
});
|
|
return animationStart
|
|
.then(() =>
|
|
waitForAtLeastOneFrame())
|
|
.then(() => {
|
|
const rect = document.querySelector('rect');
|
|
assert_equals(getComputedStyle(rect).fill, 'rgb(0, 128, 0)', 'animation does not apply');
|
|
});
|
|
});
|
|
</script>
|