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