summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/html/details-mouse-click.html
blob: 319d787ceb95b032d820c6de0f14694d97594037 (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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

<head>
<style>
body {
    margin: 0px;
}
div {
    width:200px;
    height:80px;
}
summary {
    background-color: red;
}
</style>

<script>

var error = false;

var writeLog = function (msg)
{
    var results = document.getElementById('results');
    results.innerHTML += msg + '<br>';
};

var clickElement = function (element) {

    var detail = document.getElementById("details" + element);
    var old = detail.open;

    eventSender.mouseDown();
    eventSender.mouseUp();

    if (old !== detail.open) {
        writeLog("details" + element + "'s open attribute is expected to be'" + !old + "' and is.");
    } else {
        writeLog("details" + element + "'s open attribute is expected to be'" + !old + "' but instead is '" + old + "'.");
        error = true;
    }
};

var testElement = function (element) {
    switch (element) {
    case 0:
        eventSender.mouseMoveTo(2, 2);
        break;
    case 1:
        eventSender.mouseMoveTo(2, 158);
        break;
    case 2:
        eventSender.mouseMoveTo(2, 162);
        break;
    case 3:
        eventSender.mouseMoveTo(198, 242);
        break;
    }

    clickElement(element);
    clickElement(element);
};

var runTests = function () {

    if (!window.testRunner || !window.eventSender)
        return;

    testRunner.dumpAsText();

    testElement(0);
    testElement(2);
    testElement(3);

    writeLog(error ? "FAIL" : "PASS");
}

</script>

</head>

<body onload="runTests()">

<div style="-webkit-writing-mode:horizontal-tb;">
    <details id="details0"><input></details>
</div>

<div>
    <details id="details1"><input></details>
</div>

<div style="-webkit-writing-mode:vertical-lr;">
    <details id="details2"><input></details>
</div>

<div style="-webkit-writing-mode:vertical-rl;">
    <details id="details3"><input></details>
</div>

<div id="results">
</div>

</body>