mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
gecko-dev/dom/smil/test/test_smilMinTiming.html

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

94 строки
3.5 KiB
HTML
Исходник Обычный вид История

Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
<!doctype html>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=948245
-->
<head>
<meta charset="utf-8">
<title>Test for Bug 948245</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=948245">Mozilla Bug 948245</a>
<p id="display"></p>
Bug 1209405 - Part 1: Modify tests so as not use display:none. r=birtles MozReview-Commit-ID: A38q97ejYSC --HG-- extra : rebase_source : 3a090b1b72c2b6b4bd05d1be5c72cd7622139ae7
2016-05-23 04:45:10 +03:00
<div id="content">
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
<svg id="svg" onload="this.pauseAnimations()">
<rect fill="red" id="rect" x="0">
<animate attributeName="x" to="100" id="animation" dur="100s" min="200s"/>
</rect>
</svg>
</div>
<pre id="test">
<script class="testbody" type="text/javascript">
// The 'min' attribute introduces a kind of additional state into the SMIL
// model. If the 'min' attribute extends the active duration, the additional
// time between the amount of time the animation normally runs for (called the
// 'repeat duration') and the extended active duration is filled using the
// fill mode.
//
// Below we refer to this period of time between the end of the repeat
// duration and the end of the active duration as the 'extended period'.
//
// This test verifies that as we jump in and out of these states we produce
// the correct values.
//
// The test animation above produces an active interval that is longer than
// the 'repeating duration' of the animation.
var rect = $('rect'),
animation = $('animation');
// Animation doesn't start until onload
SimpleTest.waitForExplicitFinish();
Bug 1331081 - script generated patch to omit addEventListener/removeEventListener's third parameter when it's false, r=jaws. --HG-- extra : rebase_source : a22344ee1569f58f1f0a01017bfe0d46a6a14602
2017-01-17 13:50:25 +03:00
window.addEventListener("load", runTests);
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
function runTests() {
ok($('svg').animationsPaused(), "should be paused by <svg> load handler");
// In the extended period (t=150s) we should not be animating or filling
// since the default fill mode is "none".
animation.ownerSVGElement.setCurrentTime(150);
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 0,
"Shouldn't fill in extended period with fill='none'");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// If we set the fill mode we should start filling.
animation.setAttribute("fill", "freeze");
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 100,
"Should fill in extended period with fill='freeze'");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// If we unset the fill attribute we should stop filling.
animation.removeAttribute("fill");
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 0, "Shouldn't fill after unsetting fill");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// If we jump back into the repeated interval (at t=50s) we should be
// animating.
animation.ownerSVGElement.setCurrentTime(50);
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 50, "Should be active in repeating interval");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// If we jump to the boundary at the start of the extended period we should
// not be filling (since we removed the fill attribute above).
animation.ownerSVGElement.setCurrentTime(100);
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 0,
"Shouldn't fill after seeking to boundary of extended period");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// If we apply a fill mode at this boundary point we should do regular fill
// behavior of using the last value in the interpolation range.
animation.setAttribute("fill", "freeze");
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 100,
"Should fill at boundary to extended period");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
// Check that if we seek past the interval we fill with the value at the end
// of the _repeat_duration_ not the value at the end of the
// _active_duration_.
animation.setAttribute("repeatCount", "1.5");
animation.ownerSVGElement.setCurrentTime(225);
Bug 1154275 - Remove ise() in favor of is(); r=Ms2ger
2015-05-13 02:52:01 +03:00
is(rect.x.animVal.value, 50,
"Should fill with the end of the repeat duration value");
Bug 948245 part 2 - Allow the min attribute to extend the active duration; r=dholbert The min attribute on an animation element can extend the active duration making it longer than the "repeat duration" (the amount of the time the animation runs including all repeats). For the remaining time after the repeat duration has completed until the end of the active duration the animation should apply its fill behavior. Previously this was not implemented and min could not extend the active duration. Allowing this effectively introduces an additional kind of state where we are both within the active interval but not animating. In this case we set the animation function (referred to as the "client" for historical reasons) to inactive so that effectively the timing model is active but the animation model is inactive. (In the future we will come up with something a little easier to understand when we rework this in terms of Web Animations components.)
2013-12-13 08:41:52 +04:00
SimpleTest.finish();
}
</script>
</pre>
</body>
</html>