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
|
<!doctype html>
<html>
<head>
<title>Test for Bug 1590762</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<iframe name="targetFrame" id="targetFrame"></iframe>
<form id="form" action="double_submit.sjs?delay=1000" method="POST" target="targetFrame">
<input id="token" type="text" name="token" value="">
<input id="button" type="submit">
</form>
<script>
"use strict";
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
const CROSS_ORIGIN_URI = "http://test1.example.com/tests/docshell/test/mochitest/ping.html";
function asyncClick(counts) {
let frame = document.createElement('iframe');
frame.addEventListener(
'load', () => frame.contentWindow.postMessage({command: "start"}, "*"),
{ once:true });
frame.src = "clicker.html";
addEventListener('message', ({source}) => {
if (source === frame.contentWindow) {
counts.click++;
synthesizeMouse(document.getElementById('button'), 5, 5, {});
}
}, { once: true });
document.body.appendChild(frame);
return stop;
}
function click(button) {
synthesizeMouse(button, 5, 5, {});
}
add_task(async function runTest() {
let frame = document.getElementById('targetFrame');
await new Promise(resolve => {
addEventListener('message', resolve, {once: true});
frame.src = CROSS_ORIGIN_URI;
});
let form = document.getElementById('form');
let button = document.getElementById('button');
let token = document.getElementById('token');
token.value = "first";
await new Promise((resolve, reject) => {
let counts = { click: 0, submit: 0 };
form.addEventListener('submit', () => counts.submit++);
asyncClick(counts);
form.requestSubmit(button);
token.value = "bad";
let steps = {
good: {
entered: false,
next: () => { steps.good.entered = true; resolve(); },
assertion: () => {
ok(steps.first.entered && !steps.bad.entered, "good comes after first, but not bad")
}
},
first: {
entered: false,
next: () => { steps.first.entered = true; token.value = "good"; click(button); },
assertion: () => {
ok(!steps.good.entered && !steps.bad.entered, "first message is first")
is(counts.click, 1, "clicked");
is(counts.submit, 2, "did submit");
}
},
bad: {
entered: false,
next: () => { reject(); },
assertion: () => ok(false, "we got a bad message")
}
};
addEventListener('message', ({source, data}) => {
if (source !== frame.contentWindow) {
return;
}
let step = steps[data] || reject;
step.assertion();
step.next();
})
});
});
</script>
</body>
</html>
|
