test_bug416896.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=416896

-->

<head>

  <title>Test for Bug 416896</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

  <link rel="stylesheet" type="text/css" id="l"

        href="data:text/css,a { color: green }"/>

  <style type="text/css" id="i"> a { color: blue; } </style>

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=416896">Mozilla Bug 416896</a>

<p id="display"></p>

<div id="content" style="display: none">

</div>

<pre id="test">

<script class="testbody" type="text/javascript">

/** Test for Bug 416896 **/

 const InspectorUtils = SpecialPowers.InspectorUtils;

 var inlineSheet = $("i").sheet;

 isnot(inlineSheet, null, "Should have sheet here");

 var linkedSheet = $("l").sheet;

 isnot(linkedSheet, null, "Should have sheet here");

 var inspectedRules = InspectorUtils.getCSSStyleRules(document.links[0]);

 var seenInline = false;

 var seenLinked = false;

 for (var i = 0; i < inspectedRules.length; ++i)

   var rule = inspectedRules[i];

   var sheet = rule.parentStyleSheet;

   if (SpecialPowers.unwrap(sheet) == inlineSheet) {

     is(sheet.href, null, "It's an inline sheet");

     is(seenInline, false, "Only one inline rule matches");

     seenInline = true;

   } else {

     isnot(sheet.href, null, "Shouldn't have null href here " + i);

     if (SpecialPowers.unwrap(sheet) == linkedSheet) {

       is(seenLinked, false, "Only one linked rule matches");

       seenLinked = true;

 is(seenLinked, true, "Didn't find the linked rule?");

 is(seenInline, true, "Didn't find the inline rule?");

</script>

</pre>

</body>

</html>