summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/forms/search/input-search-press-escape-key.html
blob: 883369293608254e5d61a4f49f5e77b59ee6c16d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test.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("escape");
    shouldBeEqualToString('input.value', "");
    shouldBe('searchEventObserved', 'true');
    input.blur();

    searchEventObserved = false;
    input.focus();
    setInputAttributes(input, "", enabled);
    eventSender.keyDown("escape");
    shouldBeEqualToString('input.value', "");
    shouldBe('searchEventObserved', 'true');
    input.blur();

    searchEventObserved = false;
    input.focus();
    setInputAttributes(input, "foo", enabled, readonly);
    eventSender.keyDown("escape");
    shouldBeEqualToString('input.value', "foo");
    shouldBe('searchEventObserved', 'false');
    input.blur();

    searchEventObserved = false;
    input.focus();
    setInputAttributes(input, "foo", disabled);
    eventSender.keyDown("escape");
    shouldBeEqualToString('input.value', "foo");
    shouldBe('searchEventObserved', 'false');
    input.blur();

    searchEventObserved = false;
    input.focus();
    setInputAttributes(input, "foo", disabled, readonly);
    eventSender.keyDown("escape");
    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>
</body>
</html>