mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 09:45:41 +00:00
0d460e3432
This is split from the previous changeset since if we include dom/ the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27457 --HG-- extra : moz-landing-system : lando
140 lines
5.5 KiB
HTML
140 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=948245
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Test for repeat duration calculation (Bug 948245)</title>
|
|
<script 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>
|
|
<div id="content" style="display: none">
|
|
<svg id="svg" onload="this.pauseAnimations()">
|
|
<rect>
|
|
<animate id="a"/>
|
|
<animate id="b" begin="a.end"/>
|
|
</rect>
|
|
</svg>
|
|
</div>
|
|
<pre id="test">
|
|
<script class="testbody" type="text/javascript">
|
|
// Tests the calculation of the repeat duration which is one of the steps
|
|
// towards determining the active duration.
|
|
//
|
|
// The repeat duration is determined by the following three attributes:
|
|
//
|
|
// dur: may be definite (e.g. '2s') or 'indefinite' (the default)
|
|
// repeatCount: may be definite (e.g. '2.5'), 'indefinite', or not set
|
|
// repeatDur: may be definite (e.g. '5s'), 'indefinite', or not set
|
|
//
|
|
// That leaves 18 combinations to test.
|
|
var testCases =
|
|
[
|
|
// 1. repeatDur: definite, repeatCount: definite, dur: definite
|
|
// (Two test cases here to ensure we get the minimum)
|
|
{ repeatDur: 15, repeatCount: 2, dur: 10, result: 15 },
|
|
{ repeatDur: 25, repeatCount: 2, dur: 10, result: 20 },
|
|
// 2. repeatDur: indefinite, repeatCount: definite, dur: definite
|
|
{ repeatDur: 'indefinite', repeatCount: 2, dur: 10, result: 20 },
|
|
// 3. repeatDur: not set, repeatCount: definite, dur: definite
|
|
{ repeatCount: 2, dur: 10, result: 20 },
|
|
// 4. repeatDur: definite, repeatCount: indefinite, dur: definite
|
|
{ repeatDur: 15, repeatCount: 'indefinite', dur: 10, result: 15 },
|
|
// 5. repeatDur: indefinite, repeatCount: indefinite, dur: definite
|
|
{ repeatDur: 'indefinite', repeatCount: 'indefinite', dur: 10,
|
|
result: 'indefinite' },
|
|
// 6. repeatDur: not set, repeatCount: indefinite, dur: definite
|
|
{ repeatCount: 'indefinite', dur: 10, result: 'indefinite' },
|
|
// 7. repeatDur: definite, repeatCount: not set, dur: definite
|
|
{ repeatDur: 15, dur: 10, result: 15 },
|
|
// 8. repeatDur: indefinite, repeatCount: not set, dur: definite
|
|
{ repeatDur: 'indefinite', dur: 10, result: 'indefinite' },
|
|
// 9. repeatDur: not set, repeatCount: not set, dur: definite
|
|
{ dur: 10, result: 10 },
|
|
// 10. repeatDur: definite, repeatCount: definite, dur: indefinite
|
|
{ repeatDur: 15, repeatCount: 2, dur: 'indefinite', result: 15 },
|
|
// 11. repeatDur: indefinite, repeatCount: definite, dur: indefinite
|
|
{ repeatDur: 'indefinite', repeatCount: 2, dur: 'indefinite',
|
|
result: 'indefinite' },
|
|
// 12. repeatDur: not set, repeatCount: definite, dur: indefinite
|
|
{ repeatCount: 2, dur: 'indefinite', result: 'indefinite' },
|
|
// 13. repeatDur: definite, repeatCount: indefinite, dur: indefinite
|
|
{ repeatDur: 15, repeatCount: 'indefinite', dur: 'indefinite',
|
|
result: 15 },
|
|
// 14. repeatDur: indefinite, repeatCount: indefinite, dur: indefinite
|
|
{ repeatDur: 'indefinite', repeatCount: 'indefinite', dur: 'indefinite',
|
|
result: 'indefinite' },
|
|
// 15. repeatDur: not set, repeatCount: indefinite, dur: indefinite
|
|
{ repeatCount: 'indefinite', dur: 'indefinite', result: 'indefinite' },
|
|
// 16. repeatDur: definite, repeatCount: not set, dur: indefinite
|
|
{ repeatDur: 15, dur: 'indefinite', result: 15 },
|
|
// 17. repeatDur: indefinite, repeatCount: not set, dur: indefinite
|
|
{ repeatDur: 'indefinite', dur: 'indefinite', result: 'indefinite' },
|
|
// 18. repeatDur: not set, repeatCount: not set, dur: indefinite
|
|
{ dur: 'indefinite', result: 'indefinite' }
|
|
];
|
|
|
|
// We can test the repeat duration by setting these attributes on animation
|
|
// 'a' and checking the start time of 'b' which is defined to start when 'a'
|
|
// finishes.
|
|
//
|
|
// Since 'a' has no end/min/max attributes the end of its active interval
|
|
// should coincide with the end of its repeat duration.
|
|
//
|
|
// Sometimes the repeat duration is defined to be 'indefinite'. In this case
|
|
// calling getStartTime on b will throw an exception so we need to catch that
|
|
// exception and translate it to 'indefinite' as follows:
|
|
function getRepeatDuration() {
|
|
try {
|
|
return $('b').getStartTime();
|
|
} catch(e) {
|
|
if (e.name == "InvalidStateError" &&
|
|
e.code == DOMException.INVALID_STATE_ERR) {
|
|
return 'indefinite';
|
|
} else {
|
|
ok(false, "Unexpected exception: " + e);
|
|
return null;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Animation doesn't start until onload
|
|
SimpleTest.waitForExplicitFinish();
|
|
window.addEventListener("load", runTests);
|
|
|
|
// Run through each of the test cases
|
|
function runTests() {
|
|
ok($('svg').animationsPaused(), "should be paused by <svg> load handler");
|
|
|
|
testCases.forEach(function(test) {
|
|
var a = $('a');
|
|
|
|
// Set the attributes
|
|
var msgPieces = [];
|
|
[ 'repeatDur', 'repeatCount', 'dur' ].forEach(function(attr) {
|
|
if (typeof test[attr] != "undefined") {
|
|
a.setAttribute(attr, test[attr].toString());
|
|
msgPieces.push(attr + ': ' + test[attr].toString());
|
|
} else {
|
|
a.removeAttribute(attr);
|
|
msgPieces.push(attr + ': <not set>');
|
|
}
|
|
});
|
|
var msg = msgPieces.join(', ');
|
|
|
|
// Check the result
|
|
is(getRepeatDuration(), test.result, msg);
|
|
});
|
|
|
|
SimpleTest.finish();
|
|
}
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|