68 lines
2.1 KiB
HTML
68 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script src="../../resources/ui-helper.js"></script>
|
|
<style>
|
|
body:active {
|
|
/* Must be non-empty. */
|
|
-webkit-tap-highlight-color: yellow;
|
|
}
|
|
</style>
|
|
<script>
|
|
window.jsTestIsAsync = true;
|
|
|
|
function notifyPass()
|
|
{
|
|
testPassed("clicked blue square");
|
|
|
|
var testContainer = document.getElementById("test-container");
|
|
testContainer.parentNode.removeChild(testContainer);
|
|
finishJSTest();
|
|
}
|
|
|
|
function runTest()
|
|
{
|
|
if (!window.testRunner)
|
|
return;
|
|
var iframe = document.getElementById("iframe");
|
|
var square = iframe.contentDocument.getElementById("square");
|
|
var x = iframe.offsetLeft + square.offsetLeft + Math.floor(square.offsetWidth / 2);
|
|
var y = iframe.offsetTop + square.offsetTop + Math.floor(square.offsetHeight / 2);
|
|
UIHelper.activateAt(x, y);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="description"></div>
|
|
<div id="test-container">
|
|
<p><input type="search" placeholder="Do not click me"></p>
|
|
<iframe id="iframe" width="128" height="128" onload="runTest()" srcdoc='
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding 0;
|
|
}
|
|
#square {
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
-webkit-user-select: none;
|
|
background-color: blue;
|
|
color: white;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
height: 128px;
|
|
width: 128px;
|
|
}
|
|
</style>
|
|
<div id="square" ontouchstart="" onclick="window.parent.notifyPass()">Click me</div><!-- Intentionally empty attribute ontouchstart. -->
|
|
'></iframe>
|
|
</div>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("Test that an element, with an onclick handler and an empty ontouchstart attribute, in an <iframe> on a page with a search field and specifies an <code>:active</code> pseudo-class for <body> receives a DOM click event when tapped. To run this test by hand, click the blue square below.");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|