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
|
for (const optionParentElementName of ["option", "hr", "select"]) {
test(() => {
const select = document.createElement("select");
const selectedOptions = select.selectedOptions;
select.innerHTML = "<option>1";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild);
assert_equals(select.value, "1");
const optionParent = select.appendChild(document.createElement(optionParentElementName));
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild);
assert_equals(select.value, "1");
const option = optionParent.appendChild(document.createElement("option"));
option.setAttribute("selected", "");
option.textContent = "2";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild);
assert_equals(select.value, "1");
}, `<select> containing <${optionParentElementName}><option selected>`);
}
for (const optionParentElementName of ["option", "hr", "select", "optgroup"]) {
test(() => {
const select = document.createElement("select");
const selectedOptions = select.selectedOptions;
select.innerHTML = "<optgroup><option>1";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild);
assert_equals(select.value, "1");
const optionParent = select.firstChild.appendChild(document.createElement(optionParentElementName));
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild);
assert_equals(select.value, "1");
const option = optionParent.appendChild(document.createElement("option"));
option.setAttribute("selected", "");
option.textContent = "2";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild);
assert_equals(select.value, "1");
}, `<select><optgroup> containing <${optionParentElementName}><option selected>`);
}
for (const optionParentElementName of ["option", "hr", "select", "optgroup"]) {
test(() => {
const select = document.createElement("select");
select.multiple = true;
const selectedOptions = select.selectedOptions;
select.innerHTML = "<div><optgroup><div><option selected>1";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild.firstChild.firstChild);
assert_equals(select.value, "1");
const optionParent = select.firstChild.firstChild.firstChild.appendChild(document.createElement(optionParentElementName));
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild.firstChild.firstChild);
assert_equals(select.value, "1");
const option = optionParent.appendChild(document.createElement("option"));
option.setAttribute("selected", "");
option.textContent = "2";
assert_equals(selectedOptions.length, 1);
assert_equals(selectedOptions[0], select.firstChild.firstChild.firstChild.firstChild);
assert_equals(select.value, "1");
const secondOption = select.appendChild(document.createElement("option"));
secondOption.setAttribute("selected", "");
secondOption.textContent = "3";
assert_equals(selectedOptions.length, 2);
assert_equals(selectedOptions[0], select.firstChild.firstChild.firstChild.firstChild);
assert_equals(selectedOptions[1], secondOption);
assert_equals(select.value, "1");
}, `<select><div><optgroup><div> containing <${optionParentElementName}><option selected>`);
}
|
