minerva/Tests/LibWeb/Text/input/ShadowDOM/css-hover-shadow-dom.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Text / input / ShadowDOM / css-hover-shadow-dom.html

minerva on 13 Jul 573 bytes Initial commit

Raw Blame History

<style>
#myShadowHost:hover {
    background: green;
}
#myShadowHost {
    position: absolute;
    width: 100px;
    height: 100px;
}
</style>
<body><div id="myShadowHost"><template shadowrootmode="open"><div>hover me</div></template></div></body>
<script src="../include.js"></script>
<script>
    test(() => {
        if (window.internals && window.internals.movePointerTo)
            internals.movePointerTo(50, 50);

        let s = getComputedStyle(myShadowHost);
        println("hovered bg: " + s.backgroundColor);

        myShadowHost.remove();
    });
</script>