mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-08 19:04:45 +00:00
0f543d7829
MozReview-Commit-ID: G0bcZmn0mP --HG-- extra : rebase_source : f93b691ec0648a3f577c0a28fcb1f7132e5454c5
30 lines
844 B
HTML
30 lines
844 B
HTML
<!doctype html>
|
|
<meta charset=utf-8>
|
|
<title>Test item blockification of pseudo-elements</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
#test {
|
|
display: flex;
|
|
}
|
|
#test::before, #test::after {
|
|
content: "test";
|
|
display: inline-block;
|
|
color: green;
|
|
/*
|
|
* NOTE(emilio): The transition rule is very intentional, to avoid testing
|
|
* the eagerly resolved style.
|
|
*/
|
|
transition: color 1s ease;
|
|
}
|
|
</style>
|
|
<div id="test"></div>
|
|
<script>
|
|
test(function() {
|
|
document.body.offsetTop;
|
|
let test = document.getElementById("test");
|
|
assert_equals(getComputedStyle(test, "::before").display, "block");
|
|
assert_equals(getComputedStyle(test, "::after").display, "block");
|
|
}, "::before and ::after pseudo-elements are blockified");
|
|
</script>
|