gecko-dev/layout/style/test/test_transitions_and_restyles.html
Brian Grinstead ede8c44ef2 Bug 1544322 - Part 2.1 - Remove the [type] attribute for one-liner <script> tags loading files in /tests/SimpleTest/ in everything except for dom/ r=bzbarsky
This excludes dom/, otherwise 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/D27456

--HG--
extra : moz-landing-system : lando
2019-04-16 03:50:44 +00:00

49 lines
1.3 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1030993
-->
<head>
<meta charset="utf-8">
<title>Test for Bug 1030993</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<style>
#display {
background: blue; height: 10px; width: 0; color: black;
transition: width linear 1s, color linear 1s;
}
</style>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1030993">Mozilla Bug 1030993</a>
<p id="display"></p>
<pre id="test">
</pre>
<script type="application/javascript">
/** Test for Bug 1030993 **/
function advance_clock(milliseconds) {
SpecialPowers.DOMWindowUtils.advanceTimeAndRefresh(milliseconds);
}
var p = document.getElementById("display");
var cs = getComputedStyle(p, "");
advance_clock(0);
cs.width; // flush
p.style.width = "1000px"; // initiate transition
is(cs.width, "0px", "transition at 0ms"); // flush (and test)
advance_clock(100);
is(cs.width, "100px", "transition at 100ms"); // flush
// restyle *and* trigger new transitions
p.style.color = "blue";
// flush again, at the same timestamp
is(cs.width, "100px", "transition at 100ms, after restyle");
SpecialPowers.DOMWindowUtils.restoreNormalRefresh();
</script>
</body>
</html>