blob: 3a3c9175c5dfd06fef4f6259e2553cd53cd904e5 [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<p>This tests clicking on a Text node assigned to a slot inside an anchor element. The link should be activated.<br>
To manually test, click "here" below and you should see "PASS" and the mouse cursor should indicate it's a hyperlink, not text:</p>
<script src="../../resources/ui-helper.js"></script>
<script>
var shadowHost = document.createElement('div');
document.body.appendChild(shadowHost);
shadowHost.innerHTML = `click here`;
var shadowRoot = shadowHost.attachShadow({mode: 'closed'});
shadowRoot.innerHTML = `<a href="javascript:activated()"><slot></slot></a>`;
document.write('<div>Activation: <span id="activation"><span></div>');
function activated() {
document.getElementById('activation').textContent = 'PASS';
if (window.internals)
document.getElementById('cursor').textContent = internals.getCurrentCursorInfo();
}
if (window.internals) {
testRunner.dumpAsText();
document.getElementById('activation').textContent = 'FAIL';
document.write('<div>Cursor: <span id="cursor">FAIL<span></div>');
UIHelper.wait(UIHelper.activateAt(shadowHost.offsetLeft + 5, shadowHost.offsetTop + 5));
}
</script>
</body>
</html>