bug453896_iframe.html

Enable keyboard shortcuts

<!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>