blob: e5414cc0df5cc4a52412dae25c4929146206c609 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head>
<title>Bug 453896 Test middle frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<script type="application/javascript">
function run(test_window)
{
var subdoc = document.getElementById("subdoc").contentDocument;
var subwin = document.getElementById("subdoc").contentWindow;
var style = subdoc.getElementById("style");
var iframe_style = document.getElementById("subdoc").style;
var body_cs = subdoc.defaultView.getComputedStyle(subdoc.body);
function query_applies(q) {
style.setAttribute("media", q);
return body_cs.getPropertyValue("text-decoration-line") == "underline";
}
function should_apply(q) {
test_window.ok(query_applies(q), q + " should apply");
}
function should_not_apply(q) {
test_window.ok(!query_applies(q), q + " should not apply");
}
// in this test, assume the common underlying implementation is correct
let width_val = 157; // pick two not-too-round numbers
let height_val = 182;
iframe_style.width = width_val + "px";
iframe_style.height = height_val + "px";
for (let [feature, value] of
Object.entries({ "width": width_val, "height": height_val })) {
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)");
}
iframe_style.width = "0";
should_apply("all and (height)");
should_not_apply("all and (width)");
iframe_style.height = "0";
should_not_apply("all and (height)");
should_not_apply("all and (width)");
should_apply("all and (device-height)");
should_apply("all and (device-width)");
iframe_style.width = width_val + "px";
should_not_apply("all and (height)");
should_apply("all and (width)");
iframe_style.height = height_val + "px";
should_apply("all and (height)");
should_apply("all and (width)");
}
</script>
</head>
<body>
<iframe id="subdoc" src="media_queries_iframe.html"></iframe>
</body>
</html>
|
