<!DOCTYPE html>
<html>
<body>
<p>Tests for tapping or clicking on an anchor element assigned to a slot with :hover rule.<br>
Tapping on "Tap me" below exactly once should activate the hyperlink.</p>
<div id="host"><a href="#" onclick="activated();">Tap me</a></div>
<div id="result">FAIL</div>
<script src="../../resources/ui-helper.js"></script>
<script>

let shadowHost = document.getElementById('host');
shadowHost.attachShadow({mode: 'closed'}).innerHTML = '<slot></slot>';

function activated() {
    document.getElementById('result').textContent = 'PASS';
}

document.onclick = function () {
    document.getElementById('result').style.display = null;
}

if (window.testRunner) {
    testRunner.dumpAsText();
    UIHelper.wait(UIHelper.activateAt(shadowHost.offsetLeft + 5, shadowHost.offsetTop + 5));
} else
    document.getElementById('result').style.display = 'none';

</script>
</body>
</html>