39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<title>Search Field with Transform</title>
|
|
<script src="resources/common.js"></script>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=22190">https://bugs.webkit.org/show_bug.cgi?id=22190</a>:<br>
|
|
Tests drawing and event handling on transformed search fields.
|
|
</p>
|
|
<p style="-webkit-transform: translate(50px, 50px);">
|
|
<input type="search" id="target" results="5" value="Search me">
|
|
</p>
|
|
<p id="result" style="margin-top: 60px">
|
|
Clicking the (x) button should clear the field.
|
|
</p>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
if (window.eventSender) {
|
|
var target = document.getElementById("target");
|
|
var translationAmount = 50;
|
|
var cancelPos = searchCancelButtonPosition(target);
|
|
eventSender.mouseMoveTo(cancelPos.x + translationAmount, cancelPos.y + translationAmount);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
var result = document.getElementById("result");
|
|
if (target.value == "")
|
|
result.innerText = "PASS";
|
|
else
|
|
result.innerText = "FAIL";
|
|
|
|
target.value = "Some other text";
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|