mirror of
https://github.com/lightpanda-io/browser.git
synced 2025-10-30 07:31:47 +00:00
migrate more tests to htmlRunner
This commit is contained in:
Karl Seguin
225
src/tests/dom/node.html
Normal file
225
src/tests/dom/node.html
Normal file
@@ -0,0 +1,225 @@
|
||||
<body><div id="content">
|
||||
<a id="link" href="foo" class="ok">OK</a>
|
||||
<p id="para-empty" class="ok empty">
|
||||
<span id="para-empty-child"></span>
|
||||
</p>
|
||||
<p id="para"> And</p>
|
||||
<!--comment-->
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script src="../testing.js"></script>
|
||||
<script>
|
||||
function trimAndReplace(str) {
|
||||
str = str.replace(/(\r\n|\n|\r)/gm,'');
|
||||
str = str.replace(/\s+/g, ' ');
|
||||
str = str.trim();
|
||||
return str;
|
||||
}
|
||||
|
||||
let content = $('#content');
|
||||
let link = $('#link');
|
||||
let first_child = content.firstChild.nextSibling; // nextSibling because of line return \n
|
||||
</script>
|
||||
|
||||
<script id=compareDocumentPosition>
|
||||
testing.expectEqual(10, document.body.compareDocumentPosition(document.firstChild));
|
||||
testing.expectEqual(10, $('#para-empty').compareDocumentPosition(content));
|
||||
testing.expectEqual(20, content.compareDocumentPosition($('#para-empty')));
|
||||
testing.expectEqual(0, link.compareDocumentPosition(link));
|
||||
testing.expectEqual(2, $('#para-empty').compareDocumentPosition(link));
|
||||
testing.expectEqual(4, link.compareDocumentPosition($('#para-empty')));
|
||||
</script>
|
||||
|
||||
<script id=proto>
|
||||
testing.expectEqual('HTMLDocument', content.getRootNode().__proto__.constructor.name);
|
||||
</script>
|
||||
|
||||
<script id=firstChild>
|
||||
let body_first_child = document.body.firstChild;
|
||||
testing.expectEqual('div', body_first_child.localName);
|
||||
testing.expectEqual('HTMLDivElement', body_first_child.__proto__.constructor.name);
|
||||
testing.expectEqual(null, $('#para-empty').firstChild.firstChild);
|
||||
</script>
|
||||
|
||||
<script id=lastChild>
|
||||
let last_child = content.lastChild.previousSibling; // previousSibling because of line return \n
|
||||
testing.expectEqual('Comment', last_child.__proto__.constructor.name);
|
||||
</script>
|
||||
|
||||
<script id=nextSibling>
|
||||
let next_sibling = link.nextSibling.nextSibling;
|
||||
testing.expectEqual('p', next_sibling.localName);
|
||||
testing.expectEqual('HTMLParagraphElement', next_sibling.__proto__.constructor.name);
|
||||
testing.expectEqual(null, $('#para-empty-child').nextSibling.nextSibling);
|
||||
</script>
|
||||
|
||||
<script id=previousSibling>
|
||||
let prev_sibling = $('#para-empty').previousSibling.previousSibling;
|
||||
testing.expectEqual('a', prev_sibling.localName);
|
||||
testing.expectEqual('HTMLAnchorElement', prev_sibling.__proto__.constructor.name);
|
||||
testing.expectEqual(null, content.previousSibling);
|
||||
</script>
|
||||
|
||||
<script id=parentElement>
|
||||
let parent = $('#para').parentElement;
|
||||
testing.expectEqual('div', parent.localName);
|
||||
testing.expectEqual('HTMLDivElement', parent.__proto__.constructor.name)
|
||||
|
||||
let h = content.parentElement.parentElement;
|
||||
testing.expectEqual(null, h.parentElement);
|
||||
testing.expectEqual('HTMLDocument', h.parentNode.__proto__.constructor.name);
|
||||
</script>
|
||||
|
||||
<script id=nodeName>
|
||||
testing.expectEqual('A', first_child.nodeName);
|
||||
testing.expectEqual('#text', link.firstChild.nodeName);
|
||||
testing.expectEqual('#comment', last_child.nodeName);
|
||||
testing.expectEqual('#document', document.nodeName);
|
||||
</script>
|
||||
|
||||
<script id=nodeType>
|
||||
testing.expectEqual(1, first_child.nodeType)
|
||||
testing.expectEqual(3, link.firstChild.nodeType)
|
||||
testing.expectEqual(8, last_child.nodeType)
|
||||
testing.expectEqual(9, document.nodeType)
|
||||
</script>
|
||||
|
||||
<script id=ownerDocument>
|
||||
let owner = content.ownerDocument;
|
||||
testing.expectEqual('HTMLDocument', owner.__proto__.constructor.name);
|
||||
testing.expectEqual(null, document.ownerDocument)
|
||||
|
||||
let owner2 = document.createElement('div').ownerDocument;
|
||||
testing.expectEqual('HTMLDocument', owner2.__proto__.constructor.name);
|
||||
</script>
|
||||
|
||||
<script id=isConnected>
|
||||
testing.expectEqual(true, content.isConnected);
|
||||
testing.expectEqual(true, document.isConnected);
|
||||
|
||||
const connDiv = document.createElement('div');
|
||||
testing.expectEqual(false, connDiv.isConnected);
|
||||
|
||||
const connParentDiv = document.createElement('div');
|
||||
connParentDiv.appendChild(connDiv);
|
||||
testing.expectEqual(false, connDiv.isConnected);
|
||||
|
||||
content.appendChild(connParentDiv);
|
||||
testing.expectEqual(true, connDiv.isConnected);
|
||||
</script>
|
||||
|
||||
<script id=nodeValue>
|
||||
testing.expectEqual('comment', last_child.nodeValue);
|
||||
testing.expectEqual(null, link.nodeValue);
|
||||
|
||||
let text = link.firstChild;
|
||||
testing.expectEqual('OK', text.nodeValue);
|
||||
|
||||
text.nodeValue = 'OK modified';
|
||||
testing.expectEqual('OK modified', text.nodeValue);
|
||||
</script>
|
||||
|
||||
<script id=textContent>
|
||||
testing.expectEqual('OK modified', text.textContent);
|
||||
testing.expectEqual('OK modified And', trimAndReplace(content.textContent));
|
||||
text.textContent = 'OK';
|
||||
testing.expectEqual('OK', text.textContent);
|
||||
|
||||
testing.expectEqual('', trimAndReplace($('#para-empty').textContent));
|
||||
|
||||
$('#para-empty').textContent = 'OK';
|
||||
testing.expectEqual('#text', $('#para-empty').firstChild.nodeName);
|
||||
</script>
|
||||
|
||||
<script id=appendChild>
|
||||
let append = document.createElement('h1');
|
||||
testing.expectEqual('[object HTMLHeadingElement]', content.appendChild(append).toString());
|
||||
testing.expectEqual('HTMLHeadingElement', content.lastChild.__proto__.constructor.name);
|
||||
testing.expectEqual('[object HTMLAnchorElement]', content.appendChild(link).toString());
|
||||
</script>
|
||||
|
||||
<script id=cloneNode>
|
||||
let clone = link.cloneNode();
|
||||
testing.expectEqual('[object HTMLAnchorElement]', clone.toString());
|
||||
testing.expectEqual(null, clone.parentNode);
|
||||
testing.expectEqual(null, clone.firstChild);
|
||||
|
||||
let clone_deep = link.cloneNode(true);
|
||||
testing.expectEqual('#text', clone_deep.firstChild.nodeName);
|
||||
</script>
|
||||
|
||||
<script id=contains>
|
||||
testing.expectEqual(true, link.contains(text));
|
||||
testing.expectEqual(false, text.contains(link));
|
||||
</script>
|
||||
|
||||
<script id=hasChildNodes>
|
||||
testing.expectEqual(true, link.hasChildNodes());
|
||||
testing.expectEqual(false, text.hasChildNodes());
|
||||
</script>
|
||||
|
||||
<script id=childNodesLength>
|
||||
testing.expectEqual(1, link.childNodes.length);
|
||||
testing.expectEqual(0, text.childNodes.length);
|
||||
</script>
|
||||
|
||||
<script id=insertBefore>
|
||||
let insertBefore = document.createElement('a');
|
||||
testing.expectEqual(true, link.insertBefore(insertBefore, text) !== undefined);
|
||||
testing.expectEqual('a', link.firstChild.localName);
|
||||
|
||||
let insertBefore2 = document.createElement('b');
|
||||
testing.expectEqual('b', link.insertBefore(insertBefore2, null).localName);
|
||||
testing.expectEqual('b', link.childNodes[link.childNodes.length - 1].localName);
|
||||
</script>
|
||||
|
||||
<script id=isDefaultNamespace>
|
||||
// TODO: does not seems to work
|
||||
// link.isDefaultNamespace('')", "true" },
|
||||
testing.expectEqual(false, link.isDefaultNamespace('false'));
|
||||
</script>
|
||||
|
||||
<script id=isEqualNode>
|
||||
let equal1 = document.createElement('a');
|
||||
let equal2 = document.createElement('a');
|
||||
equal1.textContent = 'is equal';
|
||||
equal2.textContent = 'is equal';
|
||||
// TODO: does not seems to work
|
||||
// testing.expectEqual(true, equal1.isEqualNode(equal2));
|
||||
testing.skip();
|
||||
</script>
|
||||
|
||||
<script id=isSameNode>
|
||||
testing.expectEqual(true, document.body.isSameNode(document.body));
|
||||
testing.expectEqual(false, document.body.isSameNode(content));
|
||||
</script>
|
||||
|
||||
<script id=baseURI>
|
||||
testing.expectEqual('http://localhost:9582/src/tests/dom/node.html', link.baseURI);
|
||||
</script>
|
||||
|
||||
<script id=removeChild>
|
||||
testing.expectEqual(true, content.removeChild(append) !== undefined);
|
||||
testing.expectEqual(true, last_child.__proto__.constructor.name !== 'HTMLHeadingElement');
|
||||
</script>
|
||||
|
||||
<script id=replaceChild>
|
||||
let replace = document.createElement('div');
|
||||
testing.expectEqual(true, link.replaceChild(replace, insertBefore) !== undefined);
|
||||
</script>
|
||||
|
||||
<script id=NODE_TYPE>
|
||||
testing.expectEqual(1, Node.ELEMENT_NODE);
|
||||
testing.expectEqual(2, Node.ATTRIBUTE_NODE);
|
||||
testing.expectEqual(3, Node.TEXT_NODE);
|
||||
testing.expectEqual(4, Node.CDATA_SECTION_NODE);
|
||||
testing.expectEqual(7, Node.PROCESSING_INSTRUCTION_NODE);
|
||||
testing.expectEqual(8, Node.COMMENT_NODE);
|
||||
testing.expectEqual(9, Node.DOCUMENT_NODE);
|
||||
testing.expectEqual(10, Node.DOCUMENT_TYPE_NODE);
|
||||
testing.expectEqual(11, Node.DOCUMENT_FRAGMENT_NODE);
|
||||
testing.expectEqual(5, Node.ENTITY_REFERENCE_NODE);
|
||||
testing.expectEqual(6, Node.ENTITY_NODE);
|
||||
testing.expectEqual(12, Node.NOTATION_NODE);
|
||||
</script>
|
||||
8
src/tests/dom/node_filter.html
Normal file
8
src/tests/dom/node_filter.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<script src="../testing.js"></script>
|
||||
<script id=nodeFilter>
|
||||
testing.expectEqual(1, NodeFilter.FILTER_ACCEPT);
|
||||
testing.expectEqual(2, NodeFilter.FILTER_REJECT);
|
||||
testing.expectEqual(3, NodeFilter.FILTER_SKIP);
|
||||
testing.expectEqual(4294967295, NodeFilter.SHOW_ALL);
|
||||
testing.expectEqual(129, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);
|
||||
</script>
|
||||
61
src/tests/dom/node_iterator.html
Normal file
61
src/tests/dom/node_iterator.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<script src="../testing.js"></script>
|
||||
<script id=nodeIterator>
|
||||
const nodeIterator = document.createNodeIterator(
|
||||
document.body,
|
||||
NodeFilter.SHOW_ELEMENT,
|
||||
{
|
||||
acceptNode(node) {
|
||||
return NodeFilter.FILTER_ACCEPT;
|
||||
},
|
||||
},
|
||||
);
|
||||
testing.expectEqual('BODY', nodeIterator.nextNode().nodeName);
|
||||
|
||||
testing.expectEqual('DIV', nodeIterator.nextNode().nodeName);
|
||||
testing.expectEqual('A', nodeIterator.nextNode().nodeName);
|
||||
testing.expectEqual('A', nodeIterator.previousNode().nodeName); // pointer_before_current flips
|
||||
testing.expectEqual('A', nodeIterator.nextNode().nodeName); // pointer_before_current flips
|
||||
testing.expectEqual('A', nodeIterator.previousNode().nodeName); // pointer_before_current flips
|
||||
testing.expectEqual('DIV', nodeIterator.previousNode().nodeName);
|
||||
testing.expectEqual('BODY', nodeIterator.previousNode().nodeName);
|
||||
testing.expectEqual(null, nodeIterator.previousNode()); // Not HEAD since body is root
|
||||
testing.expectEqual(null, nodeIterator.previousNode()); // Keeps returning null
|
||||
testing.expectEqual('BODY', nodeIterator.nextNode().nodeName);
|
||||
|
||||
nodeIterator.nextNode();
|
||||
nodeIterator.nextNode();
|
||||
nodeIterator.nextNode();
|
||||
testing.expectEqual('SPAN', nodeIterator.nextNode().nodeName);
|
||||
testing.expectEqual('P', nodeIterator.nextNode().nodeName);
|
||||
testing.expectEqual(null, nodeIterator.nextNode()); // Just the last one
|
||||
testing.expectEqual(null ,nodeIterator.nextNode()); // Keeps returning null
|
||||
testing.expectEqual('P', nodeIterator.previousNode().nodeName);
|
||||
|
||||
const notationIterator = document.createNodeIterator(
|
||||
document.body,
|
||||
NodeFilter.SHOW_NOTATION,
|
||||
);
|
||||
testing.expectEqual(null, notationIterator.nextNode());
|
||||
testing.expectEqual(null, notationIterator.previousNode());
|
||||
|
||||
testing.expectEqual(1, nodeIterator.filter.acceptNode(document.body));
|
||||
testing.expectEqual(null, notationIterator.filter);
|
||||
|
||||
const rejectIterator = document.createNodeIterator(
|
||||
document.body,
|
||||
NodeFilter.SHOW_ALL,
|
||||
(e => { return NodeFilter.FILTER_REJECT}),
|
||||
);
|
||||
testing.expectEqual(2, rejectIterator.filter(document.body));
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div id="content">
|
||||
<a id="link" href="foo" class="ok">OK</a>
|
||||
<p id="para-empty" class="ok empty">
|
||||
<span id="para-empty-child"></span>
|
||||
</p>
|
||||
<p id="para"> And</p>
|
||||
<!--comment-->
|
||||
</div>
|
||||
</body>
|
||||
18
src/tests/dom/node_list.html
Normal file
18
src/tests/dom/node_list.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<div id="content">
|
||||
<a id="link" href="foo" class="ok">OK</a>
|
||||
<p id="para-empty" class="ok empty">
|
||||
<span id="para-empty-child"></span>
|
||||
</p>
|
||||
<p id="para"> And</p>
|
||||
<!--comment-->
|
||||
</div>
|
||||
|
||||
<script src="../testing.js"></script>
|
||||
<script id=nodeList>
|
||||
let list = document.getElementById('content').childNodes;
|
||||
testing.expectEqual(9, list.length);
|
||||
testing.expectEqual('Text', list[0].__proto__.constructor.name);
|
||||
let i = 0;
|
||||
list.forEach(function (n, idx) { i += idx; });
|
||||
testing.expectEqual(36, i);
|
||||
</script>
|
||||
33
src/tests/dom/node_owner.html
Normal file
33
src/tests/dom/node_owner.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<div id="target-container">
|
||||
<p id="reference-node">
|
||||
I am the original reference node.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script src="../testing.js"></script>
|
||||
<script id=nodeOwner>
|
||||
const parser = new DOMParser();
|
||||
const newDoc = parser.parseFromString('<div id="new-node"><p>Hey</p><span>Marked</span></div>', 'text/html');
|
||||
const newNode = newDoc.getElementById('new-node');
|
||||
const parent = $('#target-container');
|
||||
const referenceNode = $('#reference-node');
|
||||
|
||||
parent.insertBefore(newNode, referenceNode);
|
||||
const k = $('#new-node');
|
||||
const ptag = k.querySelector('p');
|
||||
const spanTag = k.querySelector('span');
|
||||
const anotherDoc = parser.parseFromString('<div id="another-new-node"></div>', 'text/html');
|
||||
const anotherNewNode = anotherDoc.getElementById('another-new-node');
|
||||
testing.expectEqual('[object HTMLDivElement]', parent.appendChild(anotherNewNode).toString());
|
||||
|
||||
|
||||
testing.expectEqual(newNode.ownerDocument, parent.ownerDocument);
|
||||
testing.expectEqual(anotherNewNode.ownerDocument, parent.ownerDocument);
|
||||
testing.expectEqual('P', newNode.firstChild.nodeName);
|
||||
testing.expectEqual(parent.ownerDocument, ptag.ownerDocument);
|
||||
testing.expectEqual(parent.ownerDocument, spanTag.ownerDocument);
|
||||
testing.expectEqual(true, parent.contains(newNode));
|
||||
testing.expectEqual(true, parent.contains(anotherNewNode));
|
||||
testing.expectEqual(false, anotherDoc.contains(anotherNewNode));
|
||||
testing.expectEqual(false, newDoc.contains(newNode));
|
||||
</script>
|
||||
Reference in New Issue
Block a user