dom/ranges/StaticRange-constructor.html

<!doctype html>
<title>StaticRange constructor test</title>
<link rel='author' title='Sanket Joshi' href='mailto:sajos@microsoft.com'>
<div id='log'></div>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<div id='testDiv'>abc<span>def</span>ghi</div>
<script>
'use strict';

const testDiv = document.getElementById('testDiv');
const testTextNode = testDiv.firstChild;
const testPINode = document.createProcessingInstruction('foo', 'abc');
const testCommentNode =  document.createComment('abc');
document.body.append(testPINode, testCommentNode);

test(function() {
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 1, endContainer: testDiv, endOffset: 2});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDiv, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Element container');

test(function() {
    const staticRange = new StaticRange({startContainer: testTextNode, startOffset: 1, endContainer: testTextNode, endOffset: 2});
    assert_equals(staticRange.startContainer, testTextNode, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testTextNode, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Text container');

test(function() {
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endContainer: testTextNode, endOffset: 1});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testTextNode, 'valid endContainer');
    assert_equals(staticRange.endOffset, 1, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Element startContainer and Text endContainer');

test(function() {
    const staticRange = new StaticRange({startContainer: testTextNode, startOffset: 0, endContainer: testDiv, endOffset: 3});
    assert_equals(staticRange.startContainer, testTextNode, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDiv, 'valid endContainer');
    assert_equals(staticRange.endOffset, 3, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Text startContainer and Element endContainer');

test(function() {
    const staticRange = new StaticRange({startContainer: testPINode, startOffset: 1, endContainer: testPINode, endOffset: 2});
    assert_equals(staticRange.startContainer, testPINode, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testPINode, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with ProcessingInstruction container');

test(function() {
    const staticRange = new StaticRange({startContainer: testCommentNode, startOffset: 1, endContainer: testCommentNode, endOffset: 2});
    assert_equals(staticRange.startContainer, testCommentNode, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testCommentNode, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Comment container');

test(function() {
    const xmlDoc = new DOMParser().parseFromString('<xml></xml>', 'application/xml');
    const testCDATASection = xmlDoc.createCDATASection('abc');
    const staticRange = new StaticRange({startContainer: testCDATASection, startOffset: 1, endContainer: testCDATASection, endOffset: 2});
    assert_equals(staticRange.startContainer, testCDATASection, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testCDATASection, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with CDATASection container');

test(function() {
    const staticRange = new StaticRange({startContainer: document, startOffset: 0, endContainer: document, endOffset: 1});
    assert_equals(staticRange.startContainer, document, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, document, 'valid endContainer');
    assert_equals(staticRange.endOffset, 1, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with Document container');

test(function() {
    const testDocFrag = document.createDocumentFragment();
    testDocFrag.append('a','b','c');
    const staticRange = new StaticRange({startContainer: testDocFrag, startOffset: 0, endContainer: testDocFrag, endOffset: 1});
    assert_equals(staticRange.startContainer, testDocFrag, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDocFrag, 'valid endContainer');
    assert_equals(staticRange.endOffset, 1, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with DocumentFragment container');

test(function() {
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endContainer: testDiv, endOffset: 0});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDiv, 'valid endContainer');
    assert_equals(staticRange.endOffset, 0, 'valid endOffset');
    assert_true(staticRange.collapsed, 'collapsed');
}, 'Construct collapsed static range');

test(function() {
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 1, endContainer: document.body, endOffset: 0});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, document.body, 'valid endContainer');
    assert_equals(staticRange.endOffset, 0, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct inverted static range');

test(function() {
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endContainer: testDiv, endOffset: 15});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDiv, 'valid endContainer');
    assert_equals(staticRange.endOffset, 15, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with offset greater than length');

test(function() {
    const testNode = document.createTextNode('abc');
    const staticRange = new StaticRange({startContainer: testNode, startOffset: 1, endContainer: testNode, endOffset: 2});
    assert_equals(staticRange.startContainer, testNode, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testNode, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with standalone Node container');

test(function() {
    const testRoot = document.createElement('div');
    testRoot.append('a','b');
    const staticRange = new StaticRange({startContainer: testDiv, startOffset: 1, endContainer: testRoot, endOffset: 2});
    assert_equals(staticRange.startContainer, testDiv, 'valid startContainer');
    assert_equals(staticRange.startOffset, 1, 'valid startOffset');
    assert_equals(staticRange.endContainer, testRoot, 'valid endContainer');
    assert_equals(staticRange.endOffset, 2, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with endpoints in disconnected trees');

test(function() {
    const testDocNode = document.implementation.createDocument('about:blank', 'html', null);
    const staticRange = new StaticRange({startContainer: document, startOffset: 0, endContainer: testDocNode.documentElement, endOffset: 0});
    assert_equals(staticRange.startContainer, document, 'valid startContainer');
    assert_equals(staticRange.startOffset, 0, 'valid startOffset');
    assert_equals(staticRange.endContainer, testDocNode.documentElement, 'valid endContainer');
    assert_equals(staticRange.endOffset, 0, 'valid endOffset');
    assert_false(staticRange.collapsed, 'not collapsed');
}, 'Construct static range with endpoints in disconnected documents');

test(function() {
    assert_throws_dom('INVALID_NODE_TYPE_ERR', function() {
        const staticRange = new StaticRange({startContainer: document.doctype, startOffset: 0, endContainer: document.doctype, endOffset: 0});
    }, 'throw a InvalidNodeTypeError when a DocumentType is passed as a startContainer or endContainer');

    assert_throws_dom('INVALID_NODE_TYPE_ERR', function() {
        const testAttrNode = testDiv.getAttributeNode('id');
        const staticRange = new StaticRange({startContainer: testAttrNode, startOffset: 0, endContainer: testAttrNode, endOffset: 0});
    }, 'throw a InvalidNodeTypeError when a Attr is passed as a startContainer or endContainer');
}, 'Throw on DocumentType or Attr container');

test(function () {
    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange();
    }, 'throw a TypeError when no argument is passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startOffset: 0, endContainer: testDiv, endOffset: 0});
    }, 'throw a TypeError when a startContainer is not passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startContainer: testDiv, endContainer: testDiv, endOffset: 0});
    }, 'throw a TypeError when a startOffset is not passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endOffset: 0});
    }, 'throw a TypeError when an endContainer is not passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endContainer: testDiv});
    }, 'throw a TypeError when an endOffset is not passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startContainer: null, startOffset: 0, endContainer: testDiv, endOffset: 0});
    }, 'throw a TypeError when a null startContainer is passed');

    assert_throws_js(TypeError, function () {
        const staticRange = new StaticRange({startContainer: testDiv, startOffset: 0, endContainer: null, endOffset: 0});
    }, 'throw a TypeError when a null endContainer is passed');
}, 'Throw on missing or invalid arguments');
</script>