layout/inspector/tests/test_bug557726.html@6474c204b198
layout/inspector/tests/test_bug557726.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML>
2 <html>
3 <!--
4 https://bugzilla.mozilla.org/show_bug.cgi?id=557726
5 -->
6 <head>
7 <title>Test for Bug 557726</title>
8 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
10 <style id="pseudo-style">
11 #div1 {
12 color: blue;
13 }
15 #div1:first-letter {
16 font-weight: bold;
17 }
19 #div1:before {
20 content: '"';
21 }
23 #div1:after {
24 content: '"';
25 }
27 #div1:after, #div1:before {
28 color: red;
29 }
30 </style>
31 </head>
32 <body>
34 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=557726">Mozilla Bug 557726</a>
36 <div id="div1">
37 text with :before, :after, and :first-letter pseudo-elements
38 </div>
40 <script type="application/javascript">
42 /** Test for Bug 557726 **/
44 function getSelectors (rules) {
45 var styleElement = document.getElementById("pseudo-style");
46 var selectors = [];
47 for (var i = 0; i < rules.Count(); i++) {
48 var rule = rules.GetElementAt(i).QueryInterface(SpecialPowers.Ci.nsIDOMCSSStyleRule);
49 if (SpecialPowers.unwrap(rule.parentStyleSheet.ownerNode) == styleElement) // no user agent rules
50 selectors.push(rule.selectorText);
51 }
52 return selectors;
53 }
55 var domUtils = SpecialPowers.Cc["@mozilla.org/inspector/dom-utils;1"]
56 .getService(SpecialPowers.Ci.inIDOMUtils);
58 var div = document.getElementById("div1");
60 /* empty or missing pseudo-element argument */
61 var selectors = getSelectors(domUtils.getCSSStyleRules(div));
62 is(selectors.length, 1, "psuedo-element argument should be optional");
63 is(selectors[0], "#div1", "should only have the non-pseudo element rule");
65 selectors = getSelectors(domUtils.getCSSStyleRules(div, null));
66 is(selectors.length, 1, "pseudo-element argument can be null");
67 is(selectors[0], "#div1", "should only have the non pseudo-element rule");
69 selectors = getSelectors(domUtils.getCSSStyleRules(div, ""));
70 is(selectors.length, 1, "pseudo-element argument can be empty string");
71 is(selectors[0], "#div1", "should only have the non pseudo-element rule");
74 /* invalid pseudo-element argument */
75 var rules = domUtils.getCSSStyleRules(div, "not a valid pseudo element");
76 is(rules, null, "invalid pseudo-element returns no rules list");
79 /* valid pseudo-element argument */
80 selectors = getSelectors(domUtils.getCSSStyleRules(div, ":first-letter"));
81 is(selectors.length, 1, "pseudo-element argument can be used");
82 is(selectors[0], "#div1:first-letter", "should only have the :first-letter rule");
84 selectors = getSelectors(domUtils.getCSSStyleRules(div, ":before"));
85 is(selectors.length, 2, ":before pseudo-element has two matching rules");
86 isnot(selectors.indexOf("#div1:after, #div1:before"), -1, "fetched rule for :before")
87 isnot(selectors.indexOf("#div1:before"), -1, "fetched rule for :before")
89 selectors = getSelectors(domUtils.getCSSStyleRules(div, ":first-line"));
90 is(selectors.length, 0, "valid pseudo-element but no matching rules");
92 </script>
93 </pre>
94 </body>
95 </html>
