blob: 1c2fab7aded54db68eefff533861620f13c13062 (
plain)
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
|
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test L10nOverlays Text-semantic argument elements</title>
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
<script type="application/javascript">
/* global L10nOverlays */
"use strict";
function elem(name) {
return function(str) {
const element = document.createElement(name);
// eslint-disable-next-line no-unsanitized/property
element.innerHTML = str;
return element;
};
}
const { translateElement } = L10nOverlays;
{
// without data-l10n-name
const element = elem("div")`
<em class="bar"></em>`;
const translation = {
value: '<em title="FOO">FOO</em>',
attributes: null,
};
translateElement(element, translation);
is(
element.innerHTML,
'<em title="FOO">FOO</em>'
);
}
{
// mismatched types
const element = elem("div")`
<button data-l10n-name="foo"></button>`;
const translation = {
value: '<em data-l10n-name="foo" title="FOO">FOO</em>',
attributes: null,
};
translateElement(element, translation);
is(
element.innerHTML,
"FOO"
);
}
{
// types and names mismatch
const element = elem("div")`
<em data-l10n-name="foo" class="foo"></em>`;
const translation = {
value: '<em data-l10n-name="foo" title="FOO">FOO</em>',
attributes: null,
};
translateElement(element, translation);
is(
element.innerHTML,
'<em data-l10n-name="foo" class="foo" title="FOO">FOO</em>'
);
}
</script>
</head>
<body>
</body>
</html>
|
