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
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>The constraint validation API Test: element.willValidate</title>
<link rel="author" title="Intel" href="http://www.intel.com/">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-cva-willvalidate">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-constraint-validation-api">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<datalist></datalist>
<script>
var dl = document.querySelector("datalist");
function runTest(element, name) {
test(function () {
assert_true(element.willValidate, "The willValidate attribute should be true initially.");
dl.appendChild(element);
assert_false(element.willValidate, "The willValidate attribute should be false if element has datalist parent.");
element.remove();
assert_true(element.willValidate, "The willValidate attribute should be true if element has no parent.");
let div = document.createElement("div");
div.appendChild(element);
let foo = document.createElementNS('some-random-namespace', 'foo');
foo.appendChild(div);
dl.appendChild(foo);
assert_false(element.willValidate, "The willValidate attribute should be false if element has datalist ancestor.");
foo.remove();
assert_true(element.willValidate, "The willValidate attribute should be true if element has no datalist ancestor.");
}, name);
}
var testElements = [
{
tag: "input",
types: ["text", "search", "tel", "url", "email", "password", "datetime-local", "date", "month", "week", "time", "color", "file", "submit"]
},
{
tag: "button",
types: ["submit"],
},
{
tag: "select",
types: [],
},
{
tag: "textarea",
types: [],
}
].forEach(function(testData) {
if (testData.types.length > 0) {
testData.types.forEach(function(type) {
let ele = document.createElement(testData.tag);
try {
ele.type = type;
} catch (e) {
//Do nothing, avoid the runtime error breaking the test
}
runTest(ele, `Test ${testData.tag} element with ${type} type`);
});
} else {
runTest(document.createElement(testData.tag), `Test ${testData.tag} element`);
}
});
</script>
|
