layout/inspector/tests/test_bug557726.html
author Bill McCloskey <wmccloskey@mozilla.com>
Fri, 27 Jan 2012 11:54:23 -0800
changeset 85605 840d3613b8d802c9b98031dcc2afe547bdb3d091
parent 74315 1188456710819d4606e74396be333ead9fe63261
child 122036 87081ae8b6d6c8c2955b26bcf940820776ce9437
permissions -rw-r--r--
Merge

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=557726
-->
<head>
  <title>Test for Bug 557726</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <style id="pseudo-style">
    #div1 {
      color: blue;
    }

    #div1:first-letter {
      font-weight: bold;
    }

    #div1:before {
      content: '"';
    }

    #div1:after {
      content: '"';
    }

    #div1:after, #div1:before {
      color: red;
    }
  </style>
</head>
<body>

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

<div id="div1">
  text with :before, :after, and :first-letter pseudo-elements
</div>

<script type="application/javascript">

/** Test for Bug 557726 **/
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

function getSelectors (rules) {
  var styleElement = document.getElementById("pseudo-style");
  var selectors = [];
  for (var i = 0; i < rules.Count(); i++) {
    var rule = rules.GetElementAt(i).QueryInterface(Components.interfaces.nsIDOMCSSStyleRule);
    if (rule.parentStyleSheet.ownerNode == styleElement) // no user agent rules
      selectors.push(rule.selectorText);
  }
  return selectors;
}

var domUtils = Components.classes["@mozilla.org/inspector/dom-utils;1"]
               .getService(Components.interfaces.inIDOMUtils);

var div = document.getElementById("div1");

/* empty or missing pseudo-element argument */
var selectors = getSelectors(domUtils.getCSSStyleRules(div));
is(selectors.length, 1, "psuedo-element argument should be optional");
is(selectors[0], "#div1", "should only have the non-pseudo element rule");

selectors = getSelectors(domUtils.getCSSStyleRules(div, null));
is(selectors.length, 1, "pseudo-element argument can be null");
is(selectors[0], "#div1", "should only have the non pseudo-element rule");

selectors = getSelectors(domUtils.getCSSStyleRules(div, ""));
is(selectors.length, 1, "pseudo-element argument can be empty string");
is(selectors[0], "#div1", "should only have the non pseudo-element rule");


/* invalid pseudo-element argument */
var rules = domUtils.getCSSStyleRules(div, "not a valid pseudo element");
is(rules, null, "invalid pseudo-element returns no rules list");


/* valid pseudo-element argument */
selectors = getSelectors(domUtils.getCSSStyleRules(div, ":first-letter"));
is(selectors.length, 1, "pseudo-element argument can be used");
is(selectors[0], "#div1:first-letter", "should only have the :first-letter rule");

selectors = getSelectors(domUtils.getCSSStyleRules(div, ":before"));
is(selectors.length, 2, ":before pseudo-element has two matching rules");
isnot(selectors.indexOf("#div1:after, #div1:before"), -1, "fetched rule for :before")
isnot(selectors.indexOf("#div1:before"), -1, "fetched rule for :before")

selectors = getSelectors(domUtils.getCSSStyleRules(div, ":first-line"));
is(selectors.length, 0, "valid pseudo-element but no matching rules");

</script>
</pre>
</body>
</html>