2008-07-26 09:14:49 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<!--
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=156716
|
|
|
|
-->
|
|
|
|
<head>
|
|
|
|
<title>Test for Bug 156716</title>
|
2009-05-06 13:46:04 -07:00
|
|
|
<script type="text/javascript" src="/MochiKit/packed.js"></script>
|
2008-07-26 09:14:49 -07:00
|
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
|
|
</head>
|
|
|
|
<body onload="run()">
|
|
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=156716">Mozilla Bug 156716</a>
|
|
|
|
<iframe id="subdoc" src="media_queries_iframe.html"></iframe>
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<pre id="test">
|
2009-05-06 13:46:01 -07:00
|
|
|
<script class="testbody" type="application/javascript">
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
/** Test for Bug 156716 **/
|
|
|
|
|
|
|
|
// Note that many other tests are in test_acid3_test46.html .
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
2009-07-20 04:04:42 -07:00
|
|
|
var iframe;
|
|
|
|
|
2010-09-10 13:27:52 -07:00
|
|
|
function getZoomRatio() {
|
2011-04-30 15:16:19 -07:00
|
|
|
return SpecialPowers.DOMWindowUtils.screenPixelsPerCSSPixel;
|
2010-09-10 13:27:52 -07:00
|
|
|
}
|
|
|
|
|
2008-07-26 09:14:49 -07:00
|
|
|
function run() {
|
2009-07-20 04:04:42 -07:00
|
|
|
iframe = document.getElementById("subdoc");
|
|
|
|
var subdoc = iframe.contentDocument;
|
|
|
|
var subwin = iframe.contentWindow;
|
2008-07-26 09:14:49 -07:00
|
|
|
var style = subdoc.getElementById("style");
|
2009-07-20 04:04:42 -07:00
|
|
|
var iframe_style = iframe.style;
|
2008-07-26 09:14:49 -07:00
|
|
|
var body_cs = subdoc.defaultView.getComputedStyle(subdoc.body, "");
|
|
|
|
|
|
|
|
function query_applies(q) {
|
|
|
|
style.setAttribute("media", q);
|
|
|
|
return body_cs.getPropertyValue("text-decoration") == "underline";
|
|
|
|
}
|
|
|
|
|
|
|
|
function should_apply(q) {
|
|
|
|
ok(query_applies(q), q + " should apply");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization(q, true, true);
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
function should_not_apply(q) {
|
|
|
|
ok(!query_applies(q), q + " should not apply");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization(q, true, false);
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
2009-07-20 04:04:42 -07:00
|
|
|
/* for queries that are parseable standalone but not within CSS */
|
|
|
|
function should_apply_unbalanced(q) {
|
|
|
|
ok(query_applies(q), q + " should apply");
|
|
|
|
}
|
|
|
|
|
|
|
|
/* for queries that are parseable standalone but not within CSS */
|
|
|
|
function should_not_apply_unbalanced(q) {
|
|
|
|
ok(!query_applies(q), q + " should not apply");
|
|
|
|
}
|
|
|
|
|
2008-07-26 09:14:49 -07:00
|
|
|
/*
|
|
|
|
* Functions to test whether a query is parseable at all. (Should not
|
|
|
|
* be used for parse errors within expressions.)
|
|
|
|
*/
|
|
|
|
var parse_test_style_element = document.createElement("style");
|
|
|
|
parse_test_style_element.type = "text/css";
|
|
|
|
parse_test_style_element.disabled = true; // for performance, hopefully
|
|
|
|
var parse_test_style_text = document.createTextNode("");
|
|
|
|
parse_test_style_element.appendChild(parse_test_style_text);
|
|
|
|
document.getElementsByTagName("head")[0]
|
|
|
|
.appendChild(parse_test_style_element);
|
|
|
|
|
|
|
|
function query_is_parseable(q) {
|
2008-11-02 11:44:56 -08:00
|
|
|
parse_test_style_text.data = "@media screen, " + q + " {}";
|
2008-07-26 09:14:49 -07:00
|
|
|
var sheet = parse_test_style_element.sheet; // XXX yikes, not live!
|
|
|
|
if (sheet.cssRules.length == 1 &&
|
|
|
|
sheet.cssRules[0].type == CSSRule.MEDIA_RULE)
|
2008-11-02 11:44:56 -08:00
|
|
|
return sheet.cssRules[0].media.mediaText != "screen";
|
2008-07-26 09:14:49 -07:00
|
|
|
ok(false, "unexpected result testing whether query " + q +
|
|
|
|
" is parseable");
|
|
|
|
return true; // doesn't matter, we already failed
|
|
|
|
}
|
|
|
|
|
|
|
|
function query_should_be_parseable(q) {
|
|
|
|
ok(query_is_parseable(q), "query " + q + " should be parseable");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization(q, false, false);
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
function query_should_not_be_parseable(q) {
|
|
|
|
ok(!query_is_parseable(q), "query " + q + " should not be parseable");
|
|
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Functions to test whether a single media expression is parseable.
|
|
|
|
*/
|
|
|
|
function expression_is_parseable(e) {
|
|
|
|
style.setAttribute("media", "all and (" + e + ")");
|
|
|
|
return style.sheet.media.mediaText != "not all";
|
|
|
|
}
|
|
|
|
|
|
|
|
function expression_should_be_parseable(e) {
|
|
|
|
ok(expression_is_parseable(e),
|
|
|
|
"expression " + e + " should be parseable");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization("all and (" + e + ")", false, false);
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
function expression_should_not_be_parseable(e) {
|
|
|
|
ok(!expression_is_parseable(e),
|
|
|
|
"expression " + e + " should not be parseable");
|
|
|
|
}
|
|
|
|
|
2009-07-15 17:24:25 -07:00
|
|
|
function test_serialization(q, test_application, should_apply) {
|
|
|
|
style.setAttribute("media", q);
|
|
|
|
var ser1 = style.sheet.media.mediaText;
|
|
|
|
isnot(ser1, "", "serialization of '" + q + "' should not be empty");
|
|
|
|
style.setAttribute("media", ser1);
|
|
|
|
var ser2 = style.sheet.media.mediaText;
|
|
|
|
is(ser2, ser1, "parse+serialize of '" + q + "' should be idempotent");
|
|
|
|
if (test_application) {
|
|
|
|
var applies = body_cs.getPropertyValue("text-decoration") == "underline";
|
|
|
|
is(applies, should_apply,
|
2009-07-20 04:04:42 -07:00
|
|
|
"Media query '" + q + "' should " + (should_apply ? "" : "NOT ") +
|
|
|
|
"apply after serialize + reparse");
|
2009-07-15 17:24:25 -07:00
|
|
|
}
|
2009-07-20 04:04:42 -07:00
|
|
|
|
|
|
|
// Test cloning
|
|
|
|
var sheet = "@media " + q + " { body { text-decoration: underline } }"
|
|
|
|
var sheeturl = "data:text/css," + escape(sheet);
|
|
|
|
var link = "<link rel='stylesheet' href='" + sheeturl + "'>";
|
|
|
|
var htmldoc = "<!DOCTYPE HTML>" + link + link + "<body>";
|
|
|
|
var docurl = "data:text/html," + escape(htmldoc);
|
|
|
|
post_clone_test(docurl, function() {
|
|
|
|
var clonedoc = iframe.contentDocument;
|
|
|
|
var clonewin = iframe.contentWindow;
|
|
|
|
var links = clonedoc.getElementsByTagName("link");
|
|
|
|
// cause a clone
|
|
|
|
var clonedsheet = links[1].sheet;
|
|
|
|
clonedsheet.insertRule("#nonexistent { color: purple}", 1);
|
|
|
|
// remove the uncloned sheet
|
|
|
|
links[0].parentNode.removeChild(links[0]);
|
|
|
|
|
|
|
|
var ser3 = clonedsheet.cssRules[0].media.mediaText;
|
|
|
|
is(ser3, ser1, "cloning query '" + q + "' should not change " +
|
|
|
|
"serialization");
|
|
|
|
if (test_application) {
|
|
|
|
var applies = clonewin.getComputedStyle(clonedoc.body, "").
|
|
|
|
textDecoration == "underline";
|
|
|
|
is(applies, should_apply,
|
|
|
|
"Media query '" + q + "' should " + (should_apply ? "" : "NOT ") +
|
|
|
|
"apply after cloning");
|
|
|
|
}
|
|
|
|
});
|
2009-07-15 17:24:25 -07:00
|
|
|
}
|
|
|
|
|
2008-07-26 09:14:49 -07:00
|
|
|
// The no-type syntax doesn't mix with the not and only keywords.
|
|
|
|
query_should_be_parseable("(orientation)");
|
|
|
|
query_should_not_be_parseable("not (orientation)");
|
|
|
|
query_should_not_be_parseable("only (orientation)");
|
|
|
|
query_should_be_parseable("all and (orientation)");
|
|
|
|
query_should_be_parseable("not all and (orientation)");
|
|
|
|
query_should_be_parseable("only all and (orientation)");
|
|
|
|
|
2010-12-10 10:35:36 -08:00
|
|
|
query_should_be_parseable("(-moz-device-orientation)");
|
|
|
|
query_should_not_be_parseable("not (-moz-device-orientation)");
|
|
|
|
query_should_not_be_parseable("only (-moz-device-orientation)");
|
|
|
|
query_should_be_parseable("all and (-moz-device-orientation)");
|
|
|
|
query_should_be_parseable("not all and (-moz-device-orientation)");
|
|
|
|
query_should_be_parseable("only all and (-moz-device-orientation)");
|
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
var features = [ "width", "height", "device-width", "device-height" ];
|
|
|
|
var feature;
|
|
|
|
var i;
|
|
|
|
for (i in features) {
|
|
|
|
feature = features[i];
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_be_parseable(feature);
|
|
|
|
expression_should_be_parseable(feature + ": 0");
|
|
|
|
expression_should_be_parseable(feature + ": 0px");
|
|
|
|
expression_should_be_parseable(feature + ": 0em");
|
|
|
|
expression_should_be_parseable(feature + ": -0");
|
|
|
|
expression_should_be_parseable("min-" + feature + ": -0");
|
|
|
|
expression_should_be_parseable("max-" + feature + ": -0");
|
|
|
|
expression_should_be_parseable(feature + ": -0cm");
|
|
|
|
expression_should_be_parseable(feature + ": 1px");
|
|
|
|
expression_should_be_parseable(feature + ": 0.001mm");
|
|
|
|
expression_should_be_parseable(feature + ": 100000px");
|
|
|
|
expression_should_not_be_parseable(feature + ": -1px");
|
|
|
|
expression_should_not_be_parseable("min-" + feature + ": -1px");
|
|
|
|
expression_should_not_be_parseable("max-" + feature + ": -1px");
|
|
|
|
expression_should_not_be_parseable(feature + ": -0.00001mm");
|
|
|
|
expression_should_not_be_parseable(feature + ": -100000em");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("min-" + feature);
|
|
|
|
expression_should_not_be_parseable("max-" + feature);
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
var content_div = document.getElementById("content");
|
|
|
|
content_div.style.font = "-moz-initial";
|
|
|
|
var em_size =
|
|
|
|
getComputedStyle(content_div, "").fontSize.match(/^(\d+)px$/)[1];
|
|
|
|
|
|
|
|
// in this test, assume the common underlying implementation is correct
|
2009-05-06 13:46:01 -07:00
|
|
|
var width_val = 117; // pick two not-too-round numbers
|
|
|
|
var height_val = 76;
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.width = width_val + "px";
|
|
|
|
iframe_style.height = height_val + "px";
|
|
|
|
});
|
2009-05-06 13:46:01 -07:00
|
|
|
var device_width = window.screen.width;
|
|
|
|
var device_height = window.screen.height;
|
|
|
|
features = { "width": width_val,
|
2008-07-26 09:14:49 -07:00
|
|
|
"height": height_val,
|
|
|
|
"device-width": device_width,
|
2009-05-06 13:46:01 -07:00
|
|
|
"device-height": device_height };
|
|
|
|
for (feature in features) {
|
|
|
|
var value = features[feature];
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("all and (" + feature + ": " + value + "px)");
|
|
|
|
should_not_apply("all and (" + feature + ": " + (value + 1) + "px)");
|
|
|
|
should_not_apply("all and (" + feature + ": " + (value - 1) + "px)");
|
|
|
|
should_apply("all and (min-" + feature + ": " + value + "px)");
|
|
|
|
should_not_apply("all and (min-" + feature + ": " + (value + 1) + "px)");
|
|
|
|
should_apply("all and (min-" + feature + ": " + (value - 1) + "px)");
|
|
|
|
should_apply("all and (max-" + feature + ": " + value + "px)");
|
|
|
|
should_apply("all and (max-" + feature + ": " + (value + 1) + "px)");
|
|
|
|
should_not_apply("all and (max-" + feature + ": " + (value - 1) + "px)");
|
|
|
|
should_not_apply("all and (min-" + feature + ": " +
|
|
|
|
(Math.ceil(value/em_size) + 1) + "em)");
|
|
|
|
should_apply("all and (min-" + feature + ": " +
|
|
|
|
(Math.floor(value/em_size) - 1) + "em)");
|
|
|
|
should_apply("all and (max-" + feature + ": " +
|
|
|
|
(Math.ceil(value/em_size) + 1) + "em)");
|
|
|
|
should_not_apply("all and (max-" + feature + ": " +
|
|
|
|
(Math.floor(value/em_size) - 1) + "em)");
|
|
|
|
}
|
|
|
|
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.width = "0";
|
|
|
|
});
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("all and (height)");
|
2008-09-06 07:04:28 -07:00
|
|
|
should_not_apply("all and (width)");
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.height = "0";
|
|
|
|
});
|
2008-09-08 06:41:36 -07:00
|
|
|
should_not_apply("all and (height)");
|
2008-09-06 07:04:28 -07:00
|
|
|
should_not_apply("all and (width)");
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("all and (device-height)");
|
|
|
|
should_apply("all and (device-width)");
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.width = width_val + "px";
|
|
|
|
});
|
2008-09-08 06:41:36 -07:00
|
|
|
should_not_apply("all and (height)");
|
|
|
|
should_apply("all and (width)");
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.height = height_val + "px";
|
|
|
|
});
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("all and (height)");
|
|
|
|
should_apply("all and (width)");
|
|
|
|
|
|
|
|
// ratio that reduces to 59/40
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.width = "236px";
|
|
|
|
iframe_style.height = "160px";
|
|
|
|
});
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_be_parseable("orientation");
|
|
|
|
expression_should_be_parseable("orientation: portrait");
|
|
|
|
expression_should_be_parseable("orientation: landscape");
|
|
|
|
expression_should_not_be_parseable("min-orientation");
|
|
|
|
expression_should_not_be_parseable("min-orientation: portrait");
|
|
|
|
expression_should_not_be_parseable("min-orientation: landscape");
|
|
|
|
expression_should_not_be_parseable("max-orientation");
|
|
|
|
expression_should_not_be_parseable("max-orientation: portrait");
|
|
|
|
expression_should_not_be_parseable("max-orientation: landscape");
|
|
|
|
should_apply("(orientation)");
|
|
|
|
should_apply("(orientation: landscape)");
|
|
|
|
should_not_apply("(orientation: portrait)");
|
|
|
|
should_apply("not all and (orientation: portrait)");
|
|
|
|
// ratio that reduces to 59/80
|
2009-07-20 04:04:42 -07:00
|
|
|
change_state(function() {
|
|
|
|
iframe_style.height = "320px";
|
|
|
|
});
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("(orientation)");
|
|
|
|
should_not_apply("(orientation: landscape)");
|
|
|
|
should_apply("not all and (orientation: landscape)");
|
|
|
|
should_apply("(orientation: portrait)");
|
|
|
|
|
2010-12-10 10:35:36 -08:00
|
|
|
expression_should_be_parseable("-moz-device-orientation");
|
|
|
|
expression_should_be_parseable("-moz-device-orientation: portrait");
|
|
|
|
expression_should_be_parseable("-moz-device-orientation: landscape");
|
|
|
|
expression_should_not_be_parseable("min--moz-device-orientation");
|
|
|
|
expression_should_not_be_parseable("min--moz-device-orientation: portrait");
|
|
|
|
expression_should_not_be_parseable("min--moz-device-orientation: landscape");
|
|
|
|
expression_should_not_be_parseable("max--moz-device-orientation");
|
|
|
|
expression_should_not_be_parseable("max--moz-device-orientation: portrait");
|
|
|
|
expression_should_not_be_parseable("max--moz-device-orientation: landscape");
|
|
|
|
|
|
|
|
// determine the actual configuration of the screen and test against it
|
|
|
|
var device_orientation = (device_width > device_height) ? "landscape" : "portrait";
|
|
|
|
var not_device_orientation = (device_orientation == "landscape") ? "portrait" : "landscape";
|
|
|
|
should_apply("(-moz-device-orientation)");
|
|
|
|
should_apply("(-moz-device-orientation: " + device_orientation + ")");
|
|
|
|
should_not_apply("(-moz-device-orientation: " + not_device_orientation + ")");
|
|
|
|
should_apply("not all and (-moz-device-orientation: " + not_device_orientation + ")");
|
|
|
|
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("(aspect-ratio: 59/80)");
|
|
|
|
should_not_apply("(aspect-ratio: 58/80)");
|
|
|
|
should_not_apply("(aspect-ratio: 59/81)");
|
|
|
|
should_not_apply("(aspect-ratio: 60/80)");
|
|
|
|
should_not_apply("(aspect-ratio: 59/79)");
|
|
|
|
should_apply("(aspect-ratio: 177/240)");
|
|
|
|
should_apply("(aspect-ratio: 413/560)");
|
|
|
|
should_apply("(aspect-ratio: 5900/8000)");
|
|
|
|
should_not_apply("(aspect-ratio: 5901/8000)");
|
|
|
|
should_not_apply("(aspect-ratio: 5899/8000)");
|
|
|
|
should_not_apply("(aspect-ratio: 5900/8001)");
|
|
|
|
should_not_apply("(aspect-ratio: 5900/7999)");
|
2008-09-06 07:04:28 -07:00
|
|
|
should_apply("(aspect-ratio)");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
should_apply("(min-aspect-ratio: 59/80)");
|
|
|
|
should_apply("(min-aspect-ratio: 58/80)");
|
|
|
|
should_apply("(min-aspect-ratio: 59/81)");
|
|
|
|
should_not_apply("(min-aspect-ratio: 60/80)");
|
|
|
|
should_not_apply("(min-aspect-ratio: 59/79)");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("min-aspect-ratio");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
should_apply("(max-aspect-ratio: 59/80)");
|
|
|
|
should_not_apply("(max-aspect-ratio: 58/80)");
|
|
|
|
should_not_apply("(max-aspect-ratio: 59/81)");
|
|
|
|
should_apply("(max-aspect-ratio: 60/80)");
|
|
|
|
should_apply("(max-aspect-ratio: 59/79)");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("max-aspect-ratio");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
var real_dar = device_width + "/" + device_height;
|
|
|
|
var high_dar_1 = (device_width + 1) + "/" + device_height;
|
|
|
|
var high_dar_2 = device_width + "/" + (device_height - 1);
|
|
|
|
var low_dar_1 = (device_width - 1) + "/" + device_height;
|
|
|
|
var low_dar_2 = device_width + "/" + (device_height + 1);
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("(device-aspect-ratio: " + real_dar + ")");
|
|
|
|
should_apply("not all and (device-aspect-ratio: " + high_dar_1 + ")");
|
|
|
|
should_not_apply("all and (device-aspect-ratio: " + high_dar_2 + ")");
|
|
|
|
should_not_apply("all and (device-aspect-ratio: " + low_dar_1 + ")");
|
|
|
|
should_apply("not all and (device-aspect-ratio: " + low_dar_2 + ")");
|
2008-09-06 07:04:28 -07:00
|
|
|
should_apply("(device-aspect-ratio)");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
should_apply("(min-device-aspect-ratio: " + real_dar + ")");
|
|
|
|
should_not_apply("all and (min-device-aspect-ratio: " + high_dar_1 + ")");
|
|
|
|
should_apply("not all and (min-device-aspect-ratio: " + high_dar_2 + ")");
|
|
|
|
should_not_apply("not all and (min-device-aspect-ratio: " + low_dar_1 + ")");
|
|
|
|
should_apply("all and (min-device-aspect-ratio: " + low_dar_2 + ")");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("min-device-aspect-ratio");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
should_apply("all and (max-device-aspect-ratio: " + real_dar + ")");
|
|
|
|
should_apply("(max-device-aspect-ratio: " + high_dar_1 + ")");
|
|
|
|
should_apply("(max-device-aspect-ratio: " + high_dar_2 + ")");
|
|
|
|
should_not_apply("all and (max-device-aspect-ratio: " + low_dar_1 + ")");
|
|
|
|
should_apply("not all and (max-device-aspect-ratio: " + low_dar_2 + ")");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("max-device-aspect-ratio");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
2010-09-10 13:27:52 -07:00
|
|
|
var real_dpr = 1.0 * getZoomRatio();
|
|
|
|
var high_dpr = 1.1 * getZoomRatio();
|
|
|
|
var low_dpr = 0.9 * getZoomRatio();
|
|
|
|
should_apply("all and (max--moz-device-pixel-ratio: " + real_dpr + ")");
|
|
|
|
should_apply("all and (min--moz-device-pixel-ratio: " + real_dpr + ")");
|
|
|
|
should_not_apply("not all and (max--moz-device-pixel-ratio: " + real_dpr + ")");
|
|
|
|
should_not_apply("not all and (min--moz-device-pixel-ratio: " + real_dpr + ")");
|
|
|
|
should_apply("all and (min--moz-device-pixel-ratio: " + low_dpr + ")");
|
|
|
|
should_apply("all and (max--moz-device-pixel-ratio: " + high_dpr + ")");
|
|
|
|
should_not_apply("all and (max--moz-device-pixel-ratio: " + low_dpr + ")");
|
|
|
|
should_not_apply("all and (min--moz-device-pixel-ratio: " + high_dpr + ")");
|
|
|
|
should_apply("not all and (max--moz-device-pixel-ratio: " + low_dpr + ")");
|
|
|
|
should_apply("not all and (min--moz-device-pixel-ratio: " + high_dpr + ")");
|
|
|
|
should_apply("(-moz-device-pixel-ratio: " + real_dpr + ")");
|
|
|
|
should_not_apply("(-moz-device-pixel-ratio: " + high_dpr + ")");
|
|
|
|
should_not_apply("(-moz-device-pixel-ratio: " + low_dpr + ")");
|
|
|
|
should_apply("(-moz-device-pixel-ratio)");
|
|
|
|
expression_should_not_be_parseable("min--moz-device-pixel-ratio");
|
|
|
|
expression_should_not_be_parseable("max--moz-device-pixel-ratio");
|
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
features = [ "max-aspect-ratio", "device-aspect-ratio" ];
|
|
|
|
for (i in features) {
|
|
|
|
feature = features[i];
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_be_parseable(feature + ": 1/1");
|
|
|
|
expression_should_be_parseable(feature + ": 1 /1");
|
|
|
|
expression_should_be_parseable(feature + ": 1 / \t\n1");
|
|
|
|
expression_should_be_parseable(feature + ": 1/\r1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 0.5");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1.0/1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1/1.0");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1.0/1.0");
|
|
|
|
expression_should_not_be_parseable(feature + ": 0/1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1/0");
|
|
|
|
expression_should_not_be_parseable(feature + ": 0/0");
|
|
|
|
expression_should_not_be_parseable(feature + ": -1/1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1/-1");
|
|
|
|
expression_should_not_be_parseable(feature + ": -1/-1");
|
|
|
|
}
|
|
|
|
|
|
|
|
var is_monochrome = query_applies("all and (min-monochrome: 1)");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization("all and (min-monochrome: 1)", true, is_monochrome);
|
2008-07-26 09:14:49 -07:00
|
|
|
var is_color = query_applies("all and (min-color: 1)");
|
2009-07-15 17:24:25 -07:00
|
|
|
test_serialization("all and (min-color: 1)", true, is_color);
|
2008-07-26 09:14:49 -07:00
|
|
|
isnot(is_monochrome, is_color, "should be either monochrome or color");
|
|
|
|
|
|
|
|
function depth_query(prefix, depth) {
|
|
|
|
return "all and (" + prefix + (is_color ? "color" : "monochrome") +
|
|
|
|
":" + depth + ")";
|
|
|
|
}
|
|
|
|
|
|
|
|
var depth = 0;
|
|
|
|
do {
|
|
|
|
if (depth > 50) {
|
|
|
|
ok(false, "breaking from loop, depth > 50");
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
} while (query_applies(depth_query("min-", ++depth)));
|
|
|
|
--depth;
|
|
|
|
|
|
|
|
should_apply(depth_query("", depth));
|
|
|
|
should_not_apply(depth_query("", depth - 1));
|
|
|
|
should_not_apply(depth_query("", depth + 1));
|
|
|
|
should_apply(depth_query("max-", depth));
|
|
|
|
should_not_apply(depth_query("max-", depth - 1));
|
|
|
|
should_apply(depth_query("max-", depth + 1));
|
|
|
|
|
|
|
|
(is_color ? should_apply : should_not_apply)("all and (color)");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("max-color");
|
|
|
|
expression_should_not_be_parseable("min-color");
|
2008-07-26 09:14:49 -07:00
|
|
|
(is_color ? should_not_apply : should_apply)("all and (monochrome)");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("max-monochrome");
|
|
|
|
expression_should_not_be_parseable("min-monochrome");
|
2008-07-26 09:14:49 -07:00
|
|
|
(is_color ? should_apply : should_not_apply)("not all and (monochrome)");
|
|
|
|
(is_color ? should_not_apply : should_apply)("not all and (color)");
|
|
|
|
(is_color ? should_apply : should_not_apply)("only all and (color)");
|
|
|
|
(is_color ? should_not_apply : should_apply)("only all and (monochrome)");
|
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
features = [ "color", "min-monochrome", "max-color-index" ];
|
|
|
|
for (i in features) {
|
|
|
|
feature = features[i];
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_be_parseable(feature + ": 1");
|
|
|
|
expression_should_be_parseable(feature + ": 327");
|
|
|
|
expression_should_be_parseable(feature + ": 0");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1.0");
|
|
|
|
expression_should_not_be_parseable(feature + ": -1");
|
|
|
|
expression_should_not_be_parseable(feature + ": 1/1");
|
|
|
|
}
|
|
|
|
|
|
|
|
// Presume that we never support indexed color (at least not usefully
|
|
|
|
// enough to call it indexed color).
|
|
|
|
should_apply("(color-index: 0)");
|
|
|
|
should_not_apply("(color-index: 1)");
|
|
|
|
should_apply("(min-color-index: 0)");
|
|
|
|
should_not_apply("(min-color-index: 1)");
|
|
|
|
should_apply("(max-color-index: 0)");
|
|
|
|
should_apply("(max-color-index: 1)");
|
|
|
|
should_apply("(max-color-index: 157)");
|
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
features = [ "resolution", "min-resolution", "max-resolution" ];
|
|
|
|
for (i in features) {
|
|
|
|
feature = features[i];
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_be_parseable(feature + ": 3dpi");
|
|
|
|
expression_should_be_parseable(feature + ":3dpi");
|
|
|
|
expression_should_not_be_parseable(feature + ": 3.0dpi");
|
|
|
|
expression_should_not_be_parseable(feature + ": 3.4dpi");
|
|
|
|
expression_should_be_parseable(feature + "\t: 120dpcm");
|
|
|
|
expression_should_not_be_parseable(feature + ": 0dpi");
|
|
|
|
expression_should_not_be_parseable(feature + ": -3dpi");
|
|
|
|
}
|
|
|
|
|
|
|
|
// Find the resolution using max-resolution
|
2009-05-06 13:46:01 -07:00
|
|
|
var resolution = 0;
|
2008-07-26 09:14:49 -07:00
|
|
|
do {
|
|
|
|
++resolution;
|
|
|
|
if (resolution > 10000) {
|
|
|
|
ok(false, "resolution greater than 10000dpi???");
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
} while (!query_applies("(max-resolution: " + resolution + "dpi)"));
|
|
|
|
|
|
|
|
// resolution should now be Math.ceil() of the actual resolution.
|
2009-05-06 13:46:01 -07:00
|
|
|
var dpi_high;
|
|
|
|
var dpi_low = resolution - 1;
|
2008-07-26 09:14:49 -07:00
|
|
|
if (query_applies("(min-resolution: " + resolution + "dpi)")) {
|
|
|
|
// It's exact!
|
|
|
|
should_apply("(resolution: " + resolution + "dpi)");
|
|
|
|
should_not_apply("(resolution: " + (resolution + 1) + "dpi)");
|
|
|
|
should_not_apply("(resolution: " + (resolution - 1) + "dpi)");
|
|
|
|
dpi_high = resolution + 1;
|
|
|
|
} else {
|
|
|
|
// We have no way to test resolution applying since it need not be
|
|
|
|
// an integer.
|
|
|
|
should_not_apply("(resolution: " + resolution + "dpi)");
|
|
|
|
should_not_apply("(resolution: " + (resolution - 1) + "dpi)");
|
|
|
|
dpi_high = resolution;
|
|
|
|
}
|
|
|
|
|
|
|
|
should_apply("(min-resolution: " + dpi_low + "dpi)");
|
|
|
|
should_not_apply("not all and (min-resolution: " + dpi_low + "dpi)");
|
|
|
|
should_apply("not all and (min-resolution: " + dpi_high + "dpi)");
|
|
|
|
should_not_apply("all and (min-resolution: " + dpi_high + "dpi)");
|
|
|
|
|
|
|
|
// Test dpcm units based on what we computed in dpi.
|
2009-05-06 13:46:01 -07:00
|
|
|
var dpcm_high = Math.ceil(dpi_high / 2.54);
|
|
|
|
var dpcm_low = Math.floor(dpi_low / 2.54);
|
2008-07-26 09:14:49 -07:00
|
|
|
should_apply("(min-resolution: " + dpcm_low + "dpcm)");
|
|
|
|
should_apply("(max-resolution: " + dpcm_high + "dpcm)");
|
|
|
|
should_not_apply("(max-resolution: " + dpcm_low + "dpcm)");
|
|
|
|
should_apply("not all and (min-resolution: " + dpcm_high + "dpcm)");
|
|
|
|
|
|
|
|
expression_should_be_parseable("scan");
|
|
|
|
expression_should_be_parseable("scan: progressive");
|
|
|
|
expression_should_be_parseable("scan:interlace");
|
|
|
|
expression_should_not_be_parseable("min-scan:interlace");
|
|
|
|
expression_should_not_be_parseable("scan: 1");
|
|
|
|
expression_should_not_be_parseable("max-scan");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("max-scan: progressive");
|
2008-07-26 09:14:49 -07:00
|
|
|
// Assume we don't support tv devices.
|
|
|
|
should_not_apply("(scan)");
|
|
|
|
should_not_apply("(scan: progressive)");
|
|
|
|
should_not_apply("(scan: interlace)");
|
|
|
|
should_apply("not all and (scan)");
|
|
|
|
should_apply("not all and (scan: progressive)");
|
|
|
|
should_apply("not all and (scan: interlace)");
|
|
|
|
|
|
|
|
expression_should_be_parseable("grid");
|
|
|
|
expression_should_be_parseable("grid: 0");
|
|
|
|
expression_should_be_parseable("grid: 1");
|
|
|
|
expression_should_be_parseable("grid: 1");
|
|
|
|
expression_should_not_be_parseable("min-grid");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("min-grid:0");
|
2008-07-26 09:14:49 -07:00
|
|
|
expression_should_not_be_parseable("max-grid: 1");
|
2008-09-06 07:04:28 -07:00
|
|
|
expression_should_not_be_parseable("grid: 2");
|
|
|
|
expression_should_not_be_parseable("grid: -1");
|
2008-07-26 09:14:49 -07:00
|
|
|
|
|
|
|
// Assume we don't support grid devices
|
|
|
|
should_not_apply("(grid)");
|
|
|
|
should_apply("(grid: 0)");
|
|
|
|
should_not_apply("(grid: 1)");
|
|
|
|
should_not_apply("(grid: 2)");
|
|
|
|
should_not_apply("(grid: -1)");
|
|
|
|
|
2009-10-15 17:23:19 -07:00
|
|
|
// System metrics
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-backward");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-forward");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-backward");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-forward");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-thumb-proportional");
|
|
|
|
expression_should_be_parseable("-moz-images-in-menus");
|
|
|
|
expression_should_be_parseable("-moz-images-in-buttons");
|
|
|
|
expression_should_be_parseable("-moz-windows-default-theme");
|
|
|
|
expression_should_be_parseable("-moz-mac-graphite-theme");
|
|
|
|
expression_should_be_parseable("-moz-windows-compositor");
|
|
|
|
expression_should_be_parseable("-moz-windows-classic");
|
|
|
|
expression_should_be_parseable("-moz-touch-enabled");
|
|
|
|
expression_should_be_parseable("-moz-maemo-classic");
|
|
|
|
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-backward: 0");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-forward: 0");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-backward: 0");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-forward: 0");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-thumb-proportional: 0");
|
|
|
|
expression_should_be_parseable("-moz-images-in-menus: 0");
|
|
|
|
expression_should_be_parseable("-moz-images-in-buttons: 0");
|
|
|
|
expression_should_be_parseable("-moz-windows-default-theme: 0");
|
|
|
|
expression_should_be_parseable("-moz-mac-graphite-theme: 0");
|
|
|
|
expression_should_be_parseable("-moz-windows-compositor: 0");
|
|
|
|
expression_should_be_parseable("-moz-windows-classic: 0");
|
|
|
|
expression_should_be_parseable("-moz-touch-enabled: 0");
|
|
|
|
expression_should_be_parseable("-moz-maemo-classic: 0");
|
|
|
|
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-backward: 1");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-start-forward: 1");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-backward: 1");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-end-forward: 1");
|
|
|
|
expression_should_be_parseable("-moz-scrollbar-thumb-proportional: 1");
|
|
|
|
expression_should_be_parseable("-moz-images-in-menus: 1");
|
|
|
|
expression_should_be_parseable("-moz-images-in-buttons: 1");
|
|
|
|
expression_should_be_parseable("-moz-windows-default-theme: 1");
|
|
|
|
expression_should_be_parseable("-moz-mac-graphite-theme: 1");
|
|
|
|
expression_should_be_parseable("-moz-windows-compositor: 1");
|
|
|
|
expression_should_be_parseable("-moz-windows-classic: 1");
|
|
|
|
expression_should_be_parseable("-moz-touch-enabled: 1");
|
|
|
|
expression_should_be_parseable("-moz-maemo-classic: 1");
|
|
|
|
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-start-backward: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-start-forward: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-end-backward: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-end-forward: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-thumb-proportional: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-images-in-menus: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-images-in-buttons: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-default-theme: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-mac-graphite-theme: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-compositor: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-classic: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-touch-enabled: -1");
|
|
|
|
expression_should_not_be_parseable("-moz-maemo-classic: -1");
|
|
|
|
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-start-backward: true");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-start-forward: true");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-end-backward: true");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-end-forward: true");
|
|
|
|
expression_should_not_be_parseable("-moz-scrollbar-thumb-proportional: true");
|
|
|
|
expression_should_not_be_parseable("-moz-images-in-menus: true");
|
|
|
|
expression_should_not_be_parseable("-moz-images-in-buttons: true");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-default-theme: true");
|
|
|
|
expression_should_not_be_parseable("-moz-mac-graphite-theme: true");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-compositor: true");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-classic: true");
|
|
|
|
expression_should_not_be_parseable("-moz-touch-enabled: true");
|
|
|
|
expression_should_not_be_parseable("-moz-maemo-classic: true");
|
|
|
|
|
2010-10-09 13:53:45 -07:00
|
|
|
// windows theme media queries
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: aero");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: luna-blue");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: luna-olive");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: luna-silver");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: royale");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: generic");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: zune");
|
|
|
|
expression_should_be_parseable("-moz-windows-theme: garbage");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-theme: ''");
|
|
|
|
expression_should_not_be_parseable("-moz-windows-theme: ");
|
|
|
|
|
2008-09-12 20:45:37 -07:00
|
|
|
// Parsing tests
|
|
|
|
// bug 454227
|
2009-07-20 04:04:42 -07:00
|
|
|
should_apply_unbalanced("(orientation");
|
|
|
|
should_not_apply_unbalanced("not all and (orientation");
|
|
|
|
should_not_apply_unbalanced("(orientation:");
|
|
|
|
should_apply_unbalanced("all,(orientation:");
|
|
|
|
should_not_apply_unbalanced("(orientation:,all");
|
|
|
|
should_apply_unbalanced("not all and (grid");
|
|
|
|
should_not_apply_unbalanced("only all and (grid");
|
|
|
|
should_not_apply_unbalanced("(grid");
|
|
|
|
should_apply_unbalanced("all,(grid");
|
|
|
|
should_not_apply_unbalanced("(grid,all");
|
2008-10-11 17:49:42 -07:00
|
|
|
// bug 454226
|
|
|
|
should_apply(",all");
|
|
|
|
should_apply("all,");
|
|
|
|
should_apply(",all,");
|
|
|
|
should_apply("all,badmedium");
|
|
|
|
should_apply("badmedium,all");
|
|
|
|
should_not_apply(",badmedium,");
|
|
|
|
should_apply("all,(badexpression)");
|
|
|
|
should_apply("(badexpression),all");
|
|
|
|
should_not_apply("(badexpression),badmedium");
|
|
|
|
should_not_apply("badmedium,(badexpression)");
|
|
|
|
should_apply("all,[badsyntax]");
|
|
|
|
should_apply("[badsyntax],all");
|
|
|
|
should_not_apply("badmedium,[badsyntax]");
|
|
|
|
should_not_apply("[badsyntax],badmedium");
|
2010-01-27 16:20:05 -08:00
|
|
|
// bug 528096
|
|
|
|
should_not_apply_unbalanced("((resolution),all");
|
|
|
|
should_not_apply_unbalanced("(resolution(),all");
|
|
|
|
should_not_apply_unbalanced("(resolution (),all");
|
|
|
|
should_not_apply_unbalanced("(resolution:(),all");
|
2008-09-12 20:45:37 -07:00
|
|
|
|
2009-07-20 04:04:42 -07:00
|
|
|
handle_posted_items();
|
|
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
|
|
* The cloning tests have to post tests that wait for onload. However,
|
|
|
|
* we also make a bunch of state changes during the tests above. So we
|
|
|
|
* always change state using the change_state call, with both makes the
|
|
|
|
* change immediately and posts an item in the same queue so that we
|
|
|
|
* make the same state change again later.
|
|
|
|
*/
|
|
|
|
|
|
|
|
var posted_items = [];
|
|
|
|
|
|
|
|
function change_state(func)
|
|
|
|
{
|
|
|
|
func();
|
|
|
|
posted_items.push({state: func});
|
|
|
|
}
|
|
|
|
|
|
|
|
function post_clone_test(docurl, testfunc)
|
|
|
|
{
|
|
|
|
posted_items.push({docurl: docurl, testfunc: testfunc});
|
|
|
|
}
|
|
|
|
|
|
|
|
function handle_posted_items()
|
|
|
|
{
|
|
|
|
if (posted_items.length == 0) {
|
|
|
|
SimpleTest.finish();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if ("state" in posted_items[0]) {
|
|
|
|
var item = posted_items.shift();
|
|
|
|
item.state();
|
|
|
|
handle_posted_items();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var docurl = posted_items[0].docurl;
|
|
|
|
iframe.onload = handle_iframe_onload;
|
|
|
|
iframe.src = docurl;
|
|
|
|
}
|
|
|
|
|
|
|
|
function handle_iframe_onload(event)
|
|
|
|
{
|
|
|
|
if (event.target != iframe)
|
|
|
|
return;
|
|
|
|
|
|
|
|
var item = posted_items.shift();
|
|
|
|
item.testfunc();
|
|
|
|
handle_posted_items();
|
2008-07-26 09:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</pre>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
2009-05-06 13:46:01 -07:00
|
|
|
|