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
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
registerCleanupFunction(teardown);
add_task(async function testNarrate() {
setup("urn:moz-tts:fake:teresa");
await spawnInNewReaderTab(TEST_ARTICLE, async function () {
let $ = content.document.querySelector.bind(content.document);
await NarrateTestUtils.waitForNarrateToggle(content);
let popup = $(NarrateTestUtils.POPUP);
ok(!NarrateTestUtils.isVisible(popup), "popup is initially hidden");
let toggle = $(NarrateTestUtils.TOGGLE);
toggle.click();
ok(NarrateTestUtils.isVisible(popup), "popup toggled");
NarrateTestUtils.isStoppedState(content, ok);
let promiseEvent = ContentTaskUtils.waitForEvent(content, "paragraphstart");
$(NarrateTestUtils.START).click();
let voice = (await promiseEvent).detail.voice;
is(voice, "urn:moz-tts:fake:teresa", "double-check voice");
// Skip forward to first paragraph.
let details;
do {
promiseEvent = ContentTaskUtils.waitForEvent(content, "paragraphstart");
$(NarrateTestUtils.FORWARD).click();
details = (await promiseEvent).detail;
} while (details.tag != "p");
let boundaryPat = /(\S+)/g;
let position = { left: 0, top: 0 };
let text = details.paragraph;
for (let res = boundaryPat.exec(text); res; res = boundaryPat.exec(text)) {
promiseEvent = ContentTaskUtils.waitForEvent(content, "wordhighlight");
NarrateTestUtils.sendBoundaryEvent(
content,
"word",
res.index,
res[0].length
);
let { start, end } = (await promiseEvent).detail;
let nodes = NarrateTestUtils.getWordHighlights(content);
for (let node of nodes) {
// Since this is English we can assume each word is to the right or
// below the previous one.
ok(
node.left > position.left || node.top > position.top,
"highlight position is moving"
);
position = { left: node.left, top: node.top };
}
let wordFromOffset = text.substring(start, end);
// XXX: Each node should contain the part of the word it highlights.
// Right now, each node contains the entire word.
let wordFromHighlight = nodes[0].word;
is(wordFromOffset, wordFromHighlight, "Correct word is highlighted");
}
$(NarrateTestUtils.STOP).click();
await ContentTaskUtils.waitForCondition(
() => !$(NarrateTestUtils.STOP),
"transitioned to stopped state"
);
NarrateTestUtils.isWordHighlightGone(content, ok);
});
});
|
