selectors-api/level1-additional.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Selectors-API Test Suite: HTML with Selectors Level 3</title>
<!-- Selectors API Test Suite Version 3 -->
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="selectors.js"></script>
<script src="level1-lib.js"></script>
<style>iframe { visibility: hidden; position: absolute; }</style>

<div id="log">This test requires JavaScript.</div>

<script>
var testType = TEST_QSA_ADDITIONAL; // Only run additional tests
var docType  = "html"; // Only run tests suitable for HTML

var frame = document.createElement("iframe"),
    doc;

frame.onload = init;
frame.src = "level1-content.html#target";
document.body.appendChild(frame);

function init() {
	/*
	 * This test suite tests Selectors API methods in 4 different contexts:
	 * 1. Document node
	 * 2. In-document Element node
	 * 3. Detached Element node (an element with no parent, not in the document)
	 * 4. Document Fragment node
	 *
	 * For each context, the following tests are run:
	 *
	 * The valid selector tests check the result from querying many different types of selectors, with a
	 * list of expected elements. This checks that querySelector() always returns the first result from
	 * querySelectorAll(), and that all matching elements are correctly returned in tree-order. The tests
	 * can be limited by specifying the test types to run, using the testType variable. The constants for this
	 * can be found in selectors.js.
	 *
	 * All the selectors tested for the valid selector tests are found in selectors.js.
	 * See comments in that file for documentation of the format used.
	 *
	 * The lib.js file contains all the common test functions for running each of the aforementioned tests
	 */

	// Prepare the nodes for testing
	doc = frame.contentDocument;                 // Document Node tests

	var element = doc.getElementById("root");   // In-document Element Node tests

	//Setup the namespace tests
	setupSpecialElements(element);

	var outOfScope = element.cloneNode(true);   // Append this to the body before running the in-document
	                                             // Element tests, but after running the Document tests. This
	                                             // tests that no elements that are not descendants of element
	                                             // are selected.

	traverse(outOfScope, function(elem) {        // Annotate each element as being a clone; used for verifying
		elem.setAttribute("data-clone", "");     // that none of these elements ever match.
	});


	var detached = element.cloneNode(true);     // Detached Element Node tests

	var fragment = doc.createDocumentFragment(); // Fragment Node tests
	fragment.appendChild(element.cloneNode(true));

	// Setup Tests
	runValidSelectorTest("Document", doc, validSelectors, testType, docType);
	runValidSelectorTest("Detached Element", detached, validSelectors, testType, docType);
	runValidSelectorTest("Fragment", fragment, validSelectors, testType, docType);

	doc.body.appendChild(outOfScope); // Append before in-document Element tests.
	                                  // None of these elements should match
	runValidSelectorTest("In-document Element", element, validSelectors, testType, docType);
}
</script>