30 lines
823 B
HTML
30 lines
823 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<p>Tests for tapping on a text node assigned to a slot. touchstart should fire on the slot.</p>
|
|
<div id="target">Tap here</div>
|
|
<div id="result"></div>
|
|
<script src="../../resources/ui-helper.js"></script>
|
|
<script>
|
|
|
|
var target = document.getElementById('target');
|
|
var result = document.getElementById('result');
|
|
|
|
let shadowRoot = target.attachShadow({mode: 'closed'});
|
|
shadowRoot.innerHTML = `<span><slot></slot></span>`;
|
|
shadowRoot.querySelector('span').addEventListener('touchstart', (event) => {
|
|
result.textContent = 'PASS';
|
|
});
|
|
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
UIHelper.wait(UIHelper.tapAt(target.offsetLeft + 5, target.offsetTop + 5).then(() => {
|
|
if (!result.textContent)
|
|
result.textContent = 'FAIL';
|
|
}));
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|