mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-05-15 23:52:57 +00:00
14611de362
Right now, we deviate from the CSSOM spec regarding our CSSStyleDeclaration classes, so this is not as close to the spec as I'd like. But it works, which means we'll be able to test pseudo-element styling a lot more easily. :^)
32 lines
879 B
HTML
32 lines
879 B
HTML
<!DOCTYPE html>
|
|
<script src="../include.js"></script>
|
|
<style>
|
|
#foo {
|
|
color: grey;
|
|
background-color: yellow;
|
|
}
|
|
#foo::before {
|
|
content: "hi";
|
|
background-color: cyan;
|
|
}
|
|
</style>
|
|
<div id="foo"></div>
|
|
<script>
|
|
test(() => {
|
|
const foo = document.getElementById("foo");
|
|
const style = getComputedStyle(foo);
|
|
const beforeStyle = getComputedStyle(foo, "::before");
|
|
const propertyValues = [
|
|
"color",
|
|
"background-color",
|
|
];
|
|
println("#foo:");
|
|
for (const property of propertyValues) {
|
|
println(` ${property}: ${style.getPropertyValue(property)}`);
|
|
}
|
|
println("#foo::before:");
|
|
for (const property of propertyValues) {
|
|
println(` ${property}: ${beforeStyle.getPropertyValue(property)}`);
|
|
}
|
|
});
|
|
</script>
|