mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-07 18:04:46 +00:00
ede8c44ef2
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
67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=804970
|
|
-->
|
|
<head>
|
|
<title>Test for dynamic changes to CSS 'vh', 'vw', 'vmin', and 'vmax' units</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=804970">Mozilla Bug 804970</a>
|
|
<iframe id="iframe" src="viewport_units_iframe.html"></iframe>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for CSS vh/vw/vmin/vmax units **/
|
|
|
|
function px_to_num(str)
|
|
{
|
|
return Number(String(str).match(/^([\d.]+)px$/)[1]);
|
|
}
|
|
|
|
function width(elt)
|
|
{
|
|
return px_to_num(elt.ownerDocument.defaultView.getComputedStyle(elt).width);
|
|
}
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
function run() {
|
|
var iframe = document.getElementById("iframe");
|
|
var idoc = iframe.contentDocument;
|
|
var vh = idoc.getElementById("vh");
|
|
var vw = idoc.getElementById("vw");
|
|
var vmin = idoc.getElementById("vmin");
|
|
var vmax = idoc.getElementById("vmax");
|
|
|
|
iframe.style.width = "100px";
|
|
iframe.style.height = "250px";
|
|
is(width(vh), 250, "vh should be 250px");
|
|
is(width(vw), 100, "vw should be 100px");
|
|
is(width(vmin), 100, "vmin should be 100px");
|
|
is(width(vmax), 250, "vmax should be 250px");
|
|
|
|
iframe.style.width = "300px";
|
|
is(width(vh), 250, "vh should be 250px");
|
|
is(width(vw), 300, "vw should be 300px");
|
|
is(width(vmin), 250, "vmin should be 250px");
|
|
is(width(vmax), 300, "vmax should be 300px");
|
|
|
|
iframe.style.height = "200px";
|
|
is(width(vh), 200, "vh should be 200px");
|
|
is(width(vw), 300, "vw should be 300px");
|
|
is(width(vmin), 200, "vmin should be 200px");
|
|
is(width(vmax), 300, "vmax should be 300px");
|
|
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
window.addEventListener("load", run);
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|