<!DOCTYPE html>
<html>
<head>
<title>Test invalid min-device-width values</title>
<script type="text/javascript" src="resources/media-utils.js"></script>
<script type="text/javascript" charset="utf-8">
if (window.testRunner) testRunner.dumpAsText();
function testQuery(query, expected) {
var actual = window.styleMedia.matchMedium(query);
log(`${actual === expected ? "PASS" : "FAIL"}: "${query}" evaluates to ${actual}.`);
}
function runTests() {
testQuery("(min-device-width: 0)", true);
testQuery("(min-device-width: 1px)", true);
testQuery("(min-device-width: 1deg)", false);
testQuery("(min-device-width: 1)", false);
testQuery("(min-device-width: solid)", false);
testQuery('(min-device-width: "red")', false);
}
</script>
</head>
<body onload="runTests()">
<div id="results"></div>
</body>
</html>