forked from mirrors/gecko-dev
ede8c44ef2
This excludes dom/, otherwise the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27456 --HG-- extra : moz-landing-system : lando
90 lines
2.6 KiB
HTML
90 lines
2.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=557726
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 557726</title>
|
|
<script 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 **/
|
|
|
|
const InspectorUtils = SpecialPowers.InspectorUtils;
|
|
|
|
function getSelectors (rules) {
|
|
var styleElement = document.getElementById("pseudo-style");
|
|
var selectors = [];
|
|
for (var i = 0; i < rules.length; i++) {
|
|
var rule = rules[i];
|
|
if (SpecialPowers.unwrap(rule.parentStyleSheet.ownerNode) == styleElement) // no user agent rules
|
|
selectors.push(rule.selectorText);
|
|
}
|
|
return selectors;
|
|
}
|
|
|
|
var div = document.getElementById("div1");
|
|
|
|
/* empty or missing pseudo-element argument */
|
|
var selectors = getSelectors(InspectorUtils.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(InspectorUtils.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 = InspectorUtils.getCSSStyleRules(div, "not a valid pseudo element");
|
|
is(rules.length, 0, "invalid pseudo-element returns no rules");
|
|
|
|
|
|
/* valid pseudo-element argument */
|
|
selectors = getSelectors(InspectorUtils.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(InspectorUtils.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(InspectorUtils.getCSSStyleRules(div, ":first-line"));
|
|
is(selectors.length, 0, "valid pseudo-element but no matching rules");
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|