mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Add insert_adjacent methods into Element
This commit is contained in:
parent
68a8085a2f
commit
c05a9b039e
4 changed files with 135 additions and 0 deletions
|
@ -34800,6 +34800,12 @@
|
|||
"url": "/XMLHttpRequest/responseurl.html"
|
||||
}
|
||||
],
|
||||
"dom/nodes/insert-adjacent.html": [
|
||||
{
|
||||
"path": "dom/nodes/insert-adjacent.html",
|
||||
"url": "/dom/nodes/insert-adjacent.html"
|
||||
}
|
||||
],
|
||||
"html/semantics/forms/textfieldselection/selection-after-content-change.html": [
|
||||
{
|
||||
"path": "html/semantics/forms/textfieldselection/selection-after-content-change.html",
|
||||
|
|
79
tests/wpt/web-platform-tests/dom/nodes/insert-adjacent.html
Normal file
79
tests/wpt/web-platform-tests/dom/nodes/insert-adjacent.html
Normal file
|
@ -0,0 +1,79 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
#element {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="element"></div>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
var possiblePositions = {
|
||||
'beforebegin': 'previousSibling'
|
||||
, 'afterbegin': 'firstChild'
|
||||
, 'beforeend': 'lastChild'
|
||||
, 'afterend': 'nextSibling'
|
||||
}
|
||||
var texts = {
|
||||
'beforebegin': 'raclette'
|
||||
, 'afterbegin': 'tartiflette'
|
||||
, 'beforeend': 'lasagne'
|
||||
, 'afterend': 'gateau aux pommes'
|
||||
}
|
||||
|
||||
var el = document.querySelector('#element');
|
||||
|
||||
Object.keys(possiblePositions).forEach(function(position) {
|
||||
var div = document.createElement('h3');
|
||||
test(function() {
|
||||
div.id = texts[position];
|
||||
el.insertAdjacentElement(position, div);
|
||||
assert_equals(el[possiblePositions[position]].id, texts[position]);
|
||||
}, 'insertAdjacentElement(' + position + ', ' + div + ' )');
|
||||
|
||||
test(function() {
|
||||
el.insertAdjacentText(position, texts[position]);
|
||||
assert_equals(el[possiblePositions[position]].textContent, texts[position]);
|
||||
}, 'insertAdjacentText(' + position + ', ' + texts[position] + ' )');
|
||||
});
|
||||
|
||||
test(function() {
|
||||
assert_throws(new TypeError(), function() {
|
||||
el.insertAdjacentElement('afterbegin',
|
||||
document.implementation.createDocumentType("html"))
|
||||
})
|
||||
}, 'invalid object argument insertAdjacentElement')
|
||||
test(function() {
|
||||
var el = document.implementation.createHTMLDocument().documentElement;
|
||||
assert_throws("HIERARCHY_REQUEST_ERR", function() {
|
||||
el.insertAdjacentElement('beforebegin', document.createElement('banane'))
|
||||
})
|
||||
}, 'invalid caller object insertAdjacentElement')
|
||||
test(function() {
|
||||
var el = document.implementation.createHTMLDocument().documentElement;
|
||||
assert_throws("HIERARCHY_REQUEST_ERR", function() {
|
||||
el.insertAdjacentText('beforebegin', 'tomate farcie')
|
||||
})
|
||||
}, 'invalid caller object insertAdjacentText')
|
||||
test(function() {
|
||||
var div = document.createElement('h3');
|
||||
assert_throws("SYNTAX_ERR", function() {
|
||||
el.insertAdjacentElement('heeeee', div)
|
||||
})
|
||||
}, "invalid syntax for insertAdjacentElement")
|
||||
test(function() {
|
||||
assert_throws("SYNTAX_ERR", function() {
|
||||
el.insertAdjacentText('hoooo', 'magret de canard')
|
||||
})
|
||||
}, "invalid syntax for insertAdjacentText")
|
||||
test(function() {
|
||||
var div = document.createElement('div');
|
||||
assert_equals(div.insertAdjacentElement("beforebegin", el), null);
|
||||
}, 'insertAdjacentText should return null');
|
||||
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue