Skip to content

GitLab

T
tangled
Commit 5a065560 authored by Fredrik Söderquist's avatar Fredrik Söderquist Committed by Commit Bot
Browse files
Options

Add some tests for triggering SMIL events via syncbases 

Tests a new begin/end being added by a syncbase, and the corresponding
'end' event being fired.

Bug: 998526
Change-Id: Ie40f196d4ef2c5fb6b65fced80890a965415cace
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1840692
Commit-Queue: Stephen Chenney <schenney@chromium.org>
Auto-Submit: Fredrik Söderquist <fs@opera.com>
Reviewed-by: default avatarStephen Chenney <schenney@chromium.org>
Cr-Commit-Position: refs/heads/master@{#703778}
parent 75660a82
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 0 deletions
third_party/blink/web_tests/external/wpt/svg/animations/dependent-begin-on-syncbase.html 0 → 100644
View file @ 5a065560
<!DOCTYPE html>
<title>Dependent timed element begin (restart) on syncbase</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<svg>
<rect width="10" height="10" fill="red">
<set attributeName="fill" to="blue" begin="0s; other.end" id="dependent"/>
</rect>
<rect x="10" width="10" height="10" fill="blue">
<animate attributeName="fill" from="yellow" to="red"
begin="indefinite" dur="10ms" id="other"/>
</rect>
</svg>
<script>
async_test(t => {
let count = 0;
let dependent = document.getElementById('dependent');
dependent.addEventListener('endEvent', t.step_func(() => count++));
let other = document.getElementById('other');
// Wait for #other to end and check animation values.
other.addEventListener('endEvent', t.step_func(() => {
t.step_timeout(() => {
assert_equals(count, 1);
assert_equals(getComputedStyle(dependent, null).fill, 'rgb(0, 0, 255)');
assert_equals(getComputedStyle(other, null).fill, 'rgb(0, 0, 255)');
t.done();
});
}));
let svg = other.ownerSVGElement;
// Check initial values.
window.onload = t.step_func(() => {
window.requestAnimationFrame(t.step_func(() => {
assert_equals(count, 0);
assert_equals(getComputedStyle(other, null).fill, 'rgb(0, 0, 255)');
assert_equals(getComputedStyle(dependent, null).fill, 'rgb(0, 0, 255)');
svg.unpauseAnimations();
}));
});
svg.pauseAnimations();
other.beginElementAt(0.01);
});
</script>
third_party/blink/web_tests/external/wpt/svg/animations/dependent-end-on-syncbase.html 0 → 100644
View file @ 5a065560
<!DOCTYPE html>
<title>Dependent timed element end on syncbase</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<svg>
<rect width="10" height="10" fill="blue">
<set attributeName="fill" to="yellow" end="other.end" id="dependent"/>
</rect>
<rect x="10" width="10" height="10" fill="blue">
<animate attributeName="fill" from="yellow" to="red"
begin="indefinite" dur="10ms" id="other"/>
</rect>
</svg>
<script>
async_test(t => {
let count = 0;
let dependent = document.getElementById('dependent');
dependent.addEventListener('endEvent', t.step_func(() => count++));
let other = document.getElementById('other');
// Wait for #other to end and check animation values.
other.addEventListener('endEvent', t.step_func(() => {
t.step_timeout(() => {
assert_equals(count, 1);
assert_equals(getComputedStyle(dependent, null).fill, 'rgb(0, 0, 255)');
assert_equals(getComputedStyle(other, null).fill, 'rgb(0, 0, 255)');
t.done();
});
}));
let svg = other.ownerSVGElement;
// Check initial values.
window.onload = t.step_func(() => {
window.requestAnimationFrame(t.step_func(() => {
assert_equals(count, 0);
assert_equals(getComputedStyle(dependent, null).fill, 'rgb(255, 255, 0)');
assert_equals(getComputedStyle(other, null).fill, 'rgb(0, 0, 255)');
svg.unpauseAnimations();
}));
});
svg.pauseAnimations();
other.beginElementAt(0.01);
});
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment