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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Animation inspector should not update when hidden.
// Test for followings:
// * whether the UIs update after selecting another inspector
// * whether the UIs update after selecting another tool
// * whether the UIs update after selecting animation inspector again
add_task(async function () {
info(
"Switch to 2 pane inspector to see if the animation only refreshes when visible"
);
await pushPref("devtools.inspector.three-pane-enabled", false);
await addTab(URL_ROOT + "doc_custom_playback_rate.html");
const { animationInspector, inspector, panel } =
await openAnimationInspector();
info("Checking the UIs update after selecting another inspector");
await selectNode("head", inspector);
inspector.sidebar.select("ruleview");
await selectNode("div", inspector);
await waitUntil(() => !animationInspector.state.animations.length);
ok(true, "Should not update after selecting another inspector");
await selectAnimationInspector(inspector);
await waitUntil(() => animationInspector.state.animations.length);
ok(true, "Should update after selecting animation inspector");
await assertCurrentTimeUpdated(animationInspector, panel, true);
inspector.sidebar.select("ruleview");
is(
animationInspector.state.animations.length,
1,
"Should not update after selecting another inspector again"
);
await assertCurrentTimeUpdated(animationInspector, panel, false);
info("Checking the UIs update after selecting another tool");
await selectAnimationInspector(inspector);
await selectNode("head", inspector);
await waitUntil(() => !animationInspector.state.animations.length);
await inspector.toolbox.selectTool("webconsole");
await selectNode("div", inspector);
is(
animationInspector.state.animations.length,
0,
"Should not update after selecting another tool"
);
await selectAnimationInspector(inspector);
await waitUntil(() => animationInspector.state.animations.length);
is(
animationInspector.state.animations.length,
1,
"Should update after selecting animation inspector"
);
await assertCurrentTimeUpdated(animationInspector, panel, true);
await inspector.toolbox.selectTool("webconsole");
await waitUntil(() => animationInspector.state.animations.length);
is(
animationInspector.state.animations.length,
1,
"Should not update after selecting another tool again"
);
await assertCurrentTimeUpdated(animationInspector, panel, false);
});
async function assertCurrentTimeUpdated(
animationInspector,
panel,
shouldRunning
) {
let count = 0;
const listener = () => {
count++;
};
animationInspector.addAnimationsCurrentTimeListener(listener);
await new Promise(resolve =>
panel.ownerGlobal.requestAnimationFrame(resolve)
);
animationInspector.removeAnimationsCurrentTimeListener(listener);
if (shouldRunning) {
isnot(count, 0, "Should forward current time");
} else {
is(count, 0, "Should not forward current time");
}
}
|
