summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/custom-elements/reactions/Element.html
blob: ed627f44e44bb9e98df6ec6820d4c1fe39c6d6e9 (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
<!DOCTYPE html>
<html>
<head>
<title>Custom Elements: CEReactions on Node interface</title>
<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">
<meta name="assert" content="id, className, slot, setAttribute, setAttributeNS, removeAttribute, removeAttributeNS, setAttributeNode, setAttributeNodeNS, removeAttributeNode, and insertAdjacentElement of Element interface must have CEReactions">
<meta name="help" content="https://dom.spec.whatwg.org/#element">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/custom-elements-helpers.js"></script>
<script src="./resources/reactions.js"></script>
</head>
<body>
<div id="log"></div>
<script>

testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element');
testReflectAttribute('className', 'class', 'foo', 'bar', 'className on Element');
testReflectAttribute('slot', 'slot', 'foo', 'bar', 'slot on Element');

testAttributeAdder(function (element, name, value) {
    element.setAttribute(name, value);
}, 'setAttribute on Element');

testAttributeAdder(function (element, name, value) {
    element.setAttributeNS(null, name, value);
}, 'setAttributeNS on Element');

testAttributeRemover(function (element, name) {
    element.removeAttribute(name);
}, 'removeAttribute on Element');

testAttributeRemover(function (element, name) {
    element.removeAttributeNS(null, name);
}, 'removeAttributeNS on Element');

testAttributeAdder(function (element, name, value) {
    var attr = document.createAttribute(name);
    attr.value = value;
    element.setAttributeNode(attr);
}, 'setAttributeNode on Element');

testAttributeAdder(function (element, name, value) {
    var attr = document.createAttribute(name);
    attr.value = value;
    element.setAttributeNodeNS(attr);
}, 'setAttributeNodeNS on Element');

testAttributeRemover(function (element, name) {
    var attr = element.getAttributeNode(name);
    if (attr)
        element.removeAttributeNode(element.getAttributeNode(name));
}, 'removeAttributeNode on Element');

testNodeConnector(function (newContainer, element) {
    newContainer.insertAdjacentElement('afterBegin', element);
});

</script>
</body>
</html>