mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-08 19:04:45 +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
54 lines
1.5 KiB
HTML
54 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>
|
|
Test for Animation.effect.timing.iterationStart 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">
|
|
.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("test");
|
|
var animation = div.animate(
|
|
{ transform: ["translate(0px)", "translate(100px)"] },
|
|
{ iterationStart: 0.5, duration: 10000, fill: "both"}
|
|
);
|
|
await waitForPaints();
|
|
omta_is(div, "transform", { tx: 50 }, RunningOn.Compositor, "Start of Animation");
|
|
|
|
advance_clock(4000);
|
|
await waitForPaints();
|
|
omta_is(div, "transform", { tx: 90 }, RunningOn.Compositor, "40% of Animation");
|
|
|
|
advance_clock(6000);
|
|
await waitForPaints();
|
|
omta_is(div, "transform", { tx: 50 }, RunningOn.MainThread, "End of Animation");
|
|
|
|
done_div();
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|