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
113
114
115
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests that the translations button becomes hidden when entering reader mode.
*/
add_task(async function test_translations_button_hidden_in_reader_mode() {
const { cleanup, runInPage } = await loadTestPage({
page: SPANISH_PAGE_URL,
languagePairs: LANGUAGE_PAIRS,
});
await FullPageTranslationsTestUtils.assertTranslationsButton(
{ button: true },
"The translations button is visible."
);
await FullPageTranslationsTestUtils.assertPageIsUntranslated(runInPage);
await toggleReaderMode();
await FullPageTranslationsTestUtils.assertTranslationsButton(
{ button: false },
"The translations button is now hidden in reader mode."
);
await runInPage(async TranslationsTest => {
const { getH1 } = TranslationsTest.getSelectors();
await TranslationsTest.assertTranslationResult(
"The page's H1 is now the reader-mode header",
getH1,
"Translations Test"
);
});
await runInPage(async TranslationsTest => {
const { getLastParagraph } = TranslationsTest.getSelectors();
await TranslationsTest.assertTranslationResult(
"The page's last paragraph is in Spanish.",
getLastParagraph,
"— Pues, aunque mováis más brazos que los del gigante Briareo, me lo habéis de pagar."
);
});
await toggleReaderMode();
await FullPageTranslationsTestUtils.assertTranslationsButton(
{ button: true },
"The translations button is visible again outside of reader mode."
);
await FullPageTranslationsTestUtils.assertPageIsUntranslated(runInPage);
await cleanup();
});
/**
* Tests that translations persist when entering reader mode after translating.
*/
add_task(async function test_translations_persist_in_reader_mode() {
const { cleanup, resolveDownloads, runInPage } = await loadTestPage({
page: SPANISH_PAGE_URL,
languagePairs: LANGUAGE_PAIRS,
});
await FullPageTranslationsTestUtils.assertTranslationsButton(
{ button: true },
"The translations button is visible."
);
await FullPageTranslationsTestUtils.assertPageIsUntranslated(runInPage);
await FullPageTranslationsTestUtils.openTranslationsPanel({
onOpenPanel: FullPageTranslationsTestUtils.assertPanelViewDefault,
});
await FullPageTranslationsTestUtils.clickTranslateButton({
downloadHandler: resolveDownloads,
});
await FullPageTranslationsTestUtils.assertPageIsTranslated(
"es",
"en",
runInPage
);
await toggleReaderMode();
await runInPage(async TranslationsTest => {
const { getH1 } = TranslationsTest.getSelectors();
await TranslationsTest.assertTranslationResult(
"The page's H1 is now the translated reader-mode header",
getH1,
"TRANSLATIONS TEST [es to en, html]"
);
});
await runInPage(async TranslationsTest => {
const { getLastParagraph } = TranslationsTest.getSelectors();
await TranslationsTest.assertTranslationResult(
"The page's last paragraph is in Spanish.",
getLastParagraph,
"— PUES, AUNQUE MOVÁIS MÁS BRAZOS QUE LOS DEL GIGANTE BRIAREO, ME LO HABÉIS DE PAGAR. [es to en, html]"
);
});
await FullPageTranslationsTestUtils.assertTranslationsButton(
{ button: false },
"The translations button is now hidden in reader mode."
);
await cleanup();
});
|