mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-21 17:25:36 +00:00
c4fa4cfc0c
This is an autogenerated commit to handle scripts loading mochitest harness files, in the case where the script src is on the line below the script tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 4` argument. Differential Revision: https://phabricator.services.mozilla.com/D27459 --HG-- extra : moz-landing-system : lando
69 lines
1.8 KiB
HTML
69 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>
|
|
Test for Animation.effect.updateTiming({ iterations }) on compositor
|
|
animations
|
|
</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script src="/tests/SimpleTest/paint_listener.js"></script>
|
|
<script type="application/javascript" src="animation_utils.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
|
|
<style type="text/css">
|
|
@keyframes anim {
|
|
0% { transform: translate(0px) }
|
|
100% { transform: translate(100px) }
|
|
}
|
|
.target {
|
|
/* The animation target needs geometry in order to qualify for OMTA */
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="display"></div>
|
|
<script type="application/javascript">
|
|
"use strict";
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
runOMTATest(function() {
|
|
runAllAsyncAnimTests().then(SimpleTest.finish);
|
|
}, SimpleTest.finish, SpecialPowers);
|
|
|
|
addAsyncAnimTest(async function() {
|
|
var [ div ] = new_div("");
|
|
var animation = div.animate(
|
|
[ { transform: 'translate(0px)' },
|
|
{ transform: 'translate(100px)' } ],
|
|
{ duration: 4000,
|
|
iterations: 2
|
|
});
|
|
await waitForPaints();
|
|
|
|
advance_clock(6000);
|
|
omta_is(div, "transform", { tx: 50 }, RunningOn.Compositor,
|
|
"Animation is running on compositor");
|
|
animation.effect.updateTiming({ iterations: 1 });
|
|
advance_clock(0);
|
|
|
|
await waitForPaints();
|
|
omta_is(div, "transform", { tx: 0 }, RunningOn.MainThread,
|
|
"Animation is on MainThread");
|
|
|
|
animation.effect.updateTiming({ iterations: 3 });
|
|
|
|
advance_clock(0);
|
|
await waitForPaints();
|
|
omta_is(div, "transform", { tx: 50 }, RunningOn.Compositor,
|
|
"Animation is running again on compositor");
|
|
|
|
done_div();
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|