blob: 79b9263cdbca3e7ce396753a35a260e154a6ef97 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<script src="resources/common.js"></script>
</head>
<body>
<input id="search" type="search" onsearch="searchEventDispatched()" />
<p id="description">
</p>
<script>
var searchEventObserved;
description("This tests if the value in a search input form is cleared and a 'search' event is triggered, when we press the Escape key. " +
"To run (a part of) this test manually, type some text in the search form and then press the Escape key. " +
"If the text is cleared, then the test passes.");
if (window.testRunner && window.eventSender) {
var input = $("search");
var enabled = false;
var disabled = true;
var readonly = true;
searchEventObserved = false;
input.focus();
setInputAttributes(input, "foo", enabled);
eventSender.keyDown("\x1B");
shouldBeEqualToString('input.value', "");
shouldBe('searchEventObserved', 'true');
input.blur();
searchEventObserved = false;
input.focus();
setInputAttributes(input, "", enabled);
eventSender.keyDown("\x1B");
shouldBeEqualToString('input.value', "");
shouldBe('searchEventObserved', 'true');
input.blur();
searchEventObserved = false;
input.focus();
setInputAttributes(input, "foo", enabled, readonly);
eventSender.keyDown("\x1B");
shouldBeEqualToString('input.value', "foo");
shouldBe('searchEventObserved', 'false');
input.blur();
searchEventObserved = false;
input.focus();
setInputAttributes(input, "foo", disabled);
eventSender.keyDown("\x1B");
shouldBeEqualToString('input.value', "foo");
shouldBe('searchEventObserved', 'false');
input.blur();
searchEventObserved = false;
input.focus();
setInputAttributes(input, "foo", disabled, readonly);
eventSender.keyDown("\x1B");
shouldBeEqualToString('input.value', "foo");
shouldBe('searchEventObserved', 'false');
input.blur();
}
function setInputAttributes(input, text, disabled, readonly) {
input.value = text;
input.disabled = disabled;
input.readOnly = !!readonly;
}
function searchEventDispatched() {
searchEventObserved = true;
}
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>