mirror of
https://github.com/roytam1/palemoon27.git
synced 2026-06-03 10:18:46 +00:00
Moonchild
61 lines
1.6 KiB
HTML
61 lines
1.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
Test that css-logic handles media-queries correctly
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Test css-logic media-queries</title>
|
|
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
|
|
<style>
|
|
div {
|
|
width: 1000px;
|
|
height: 100px;
|
|
background-color: #f00;
|
|
}
|
|
|
|
@media screen and (min-width: 1px) {
|
|
div {
|
|
width: 200px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div></div>
|
|
<script type="application/javascript;version=1.8">
|
|
|
|
window.onload = function() {
|
|
var Cu = Components.utils;
|
|
|
|
Cu.import("resource://gre/modules/devtools/Loader.jsm");
|
|
Cu.import("resource://gre/modules/Services.jsm");
|
|
const {CssLogic} = devtools.require("devtools/styleinspector/css-logic");
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
let div = document.querySelector("div");
|
|
let cssLogic = new CssLogic();
|
|
cssLogic.highlight(div);
|
|
cssLogic.processMatchedSelectors();
|
|
|
|
let _strings = Services.strings
|
|
.createBundle("chrome://global/locale/devtools/styleinspector.properties");
|
|
|
|
let inline = _strings.GetStringFromName("rule.sourceInline");
|
|
|
|
let source1 = inline + ":12";
|
|
let source2 = inline + ":19 @media screen and (min-width: 1px)";
|
|
is(cssLogic._matchedRules[0][0].source, source1,
|
|
"rule.source gives correct output for rule 1");
|
|
is(cssLogic._matchedRules[1][0].source, source2,
|
|
"rule.source gives correct output for rule 2");
|
|
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|