blob: 798c82ef75d9c2c6824fb229be3706c2a5334f2d [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css" media="screen">
#div1 {
border: 2px;
}
#div1:after {
border: 1px;
}
</style>
<script src="../../../resources/js-test-pre.js"></script>
</head>
<body>
<div id="div1"></div>
<script>
description("Test for getMatchedCSSRules for Pseudo Elements");
var element = document.getElementById('div1');
var pseudoRules = window.getMatchedCSSRules(element, "after");
var selectorText = "#div1::after";
shouldBe('pseudoRules[0].selectorText', 'selectorText');
shouldBeTrue('pseudoRules[0].style.cssText.indexOf("1px") != -1');
successfullyParsed = true;
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>