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
103
104
105
106
107
108
109
110
111
112
|
<!DOCTYPE html>
<!--
Tentative due to:
https://github.com/whatwg/html/issues/1983
-->
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script>
// Frame layout:
// top=this-file [
// child1=child-one.html,
// child-so=propagation-sameorigin-child.html [
// gchild=child-two.html
// ]
// ]
let propagation_test = async_test("Propagation test");
let num_children_to_load = 3;
let num_children_to_report = 3;
function finishLoadPhase() {
assert_equals(num_children_to_load, 0);
test(() => {
assert_false(navigator.userActivation.isActive);
assert_false(navigator.userActivation.hasBeenActive);
}, "Parent frame initial state");
test_driver.click(document.getElementById("child-so"));
}
function finishReportPhase() {
assert_equals(num_children_to_report, 0);
test(() => {
assert_true(navigator.userActivation.isActive);
assert_true(navigator.userActivation.hasBeenActive);
}, "Parent frame final state");
propagation_test.done();
}
window.addEventListener("message", event => {
var msg = JSON.parse(event.data);
if (msg.type == 'child-one-loaded') {
test(() => {
assert_false(msg.isActive);
assert_false(msg.hasBeenActive);
}, "Child1 frame initial state");
} else if (msg.type == 'child-sameorigin-loaded') {
test(() => {
assert_false(msg.isActive);
assert_false(msg.hasBeenActive);
}, "Child2 frame initial state");
} else if (msg.type == 'child-two-loaded') {
test(() => {
assert_false(msg.isActive);
assert_false(msg.hasBeenActive);
}, "Grandchild frame initial state");
} else if (msg.type == 'child-one-report') {
test(() => {
assert_true(msg.isActive);
assert_true(msg.hasBeenActive);
}, "Child1 frame final state");
} else if (msg.type == 'child-sameorigin-report') {
// This msg was triggered by a user click.
test(() => {
assert_true(msg.isActive);
assert_true(msg.hasBeenActive);
}, "Child2 frame final state");
// Ask remaining frames to report states.
let ask_report = JSON.stringify({"type": "report"});
frames[0].postMessage(ask_report, "*");
frames[1].frames[0].postMessage(ask_report, "*");
} else if (msg.type == 'child-two-report') {
test(() => {
assert_true(msg.isActive);
assert_true(msg.hasBeenActive);
}, "Grand child frame final state");
}
// Phase switching.
if (msg.type.endsWith("-loaded")) {
if (--num_children_to_load == 0)
finishLoadPhase();
} else if (msg.type.endsWith("-report")) {
if (--num_children_to_report == 0)
finishReportPhase();
}
});
</script>
</head>
<body>
<h1>User activation propagation across same-origin frame boundary</h1>
<p>Tests that user activation propagates across same-origin frame boundary.</p>
<ol id="instructions">
<li>Click anywhere on the green area (child frame).
</ol>
<iframe id="child1" width="300px" height="40px"
src="resources/child-one.html">
</iframe>
<iframe id="child-so" width="300px" height="140px"
src="resources/propagation-sameorigin-child.html">
</iframe>
</body>
</html>
|
