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
|
"use strict";
var LabelUtils;
add_task(async function() {
({ LabelUtils } = ChromeUtils.import(
"resource://autofill/FormAutofillUtils.jsm"
));
});
const TESTCASES = [
{
description: "Input contains in a label element.",
document: `<form>
<label id="labelA"> label type A
<input id="typeA" type="text">
</label>
</form>`,
inputId: "typeA",
expectedLabelIds: ["labelA"],
},
{
description: "Input contains in a label element.",
document: `<label id="labelB"> label type B
<div> inner div
<input id="typeB" type="text">
</div>
</label>`,
inputId: "typeB",
expectedLabelIds: ["labelB"],
},
{
description: '"for" attribute used to indicate input by one label.',
document: `<label id="labelC" for="typeC">label type C</label>
<input id="typeC" type="text">`,
inputId: "typeC",
expectedLabelIds: ["labelC"],
},
{
description: '"for" attribute used to indicate input by multiple labels.',
document: `<form>
<label id="labelD1" for="typeD">label type D1</label>
<label id="labelD2" for="typeD">label type D2</label>
<label id="labelD3" for="typeD">label type D3</label>
<input id="typeD" type="text">
</form>`,
inputId: "typeD",
expectedLabelIds: ["labelD1", "labelD2", "labelD3"],
},
{
description:
'"for" attribute used to indicate input by multiple labels with space prefix/postfix.',
document: `<label id="labelE1" for="typeE">label type E1</label>
<label id="labelE2" for="typeE ">label type E2</label>
<label id="labelE3" for=" TYPEe">label type E3</label>
<label id="labelE4" for=" typeE ">label type E4</label>
<input id=" typeE " type="text">`,
inputId: " typeE ",
expectedLabelIds: [],
},
{
description: "Input contains in a label element.",
document: `<label id="labelF"> label type F
<label for="dummy"> inner label
<input id="typeF" type="text">
<input id="dummy" type="text">
</div>
</label>`,
inputId: "typeF",
expectedLabelIds: ["labelF"],
},
{
description:
'"for" attribute used to indicate input by labels out of the form.',
document: `<label id="labelG1" for="typeG">label type G1</label>
<form>
<label id="labelG2" for="typeG">label type G2</label>
<input id="typeG" type="text">
</form>
<label id="labelG3" for="typeG">label type G3</label>`,
inputId: "typeG",
expectedLabelIds: ["labelG1", "labelG2", "labelG3"],
},
];
TESTCASES.forEach(testcase => {
add_task(async function() {
info("Starting testcase: " + testcase.description);
let doc = MockDocument.createTestDocument(
"http://localhost:8080/test/",
testcase.document
);
let input = doc.getElementById(testcase.inputId);
let labels = LabelUtils.findLabelElements(input);
Assert.deepEqual(
labels.map(l => l.id),
testcase.expectedLabelIds
);
LabelUtils.clearLabelMap();
});
});
|