| <!DOCTYPE html> |
| <html id="html" lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| <head id="head"> |
| <title>Selectors-API Test Suite: XHTML</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="selectors.js"></script> |
| <script src="ParentNode-querySelector-All.js"></script> |
| <style>iframe { visibility: hidden; position: absolute; }</style> |
| </head> |
| <body> |
| <div id="log">This test requires JavaScript.</div> |
| |
| <script><![CDATA[ |
| async_test(function() { |
| var frame = document.createElement("iframe"); |
| frame.onload = this.step_func_done(init); |
| frame.src = "ParentNode-querySelector-All-content.xht#target"; |
| document.body.appendChild(frame); |
| }) |
| |
| function init(e) { |
| /* |
| * 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 interface check tests ensure that each type of node exposes the Selectors API methods |
| * |
| * The special selector tests verify the result of passing special values for the selector parameter, |
| * to ensure that the correct WebIDL processing is performed, such as stringification of null and |
| * undefined and missing parameter. The universal selector is also tested here, rather than with the |
| * rest of ordinary selectors for practical reasons. |
| * |
| * The static list verification tests ensure that the node lists returned by the method remain unchanged |
| * due to subsequent document modication, and that a new list is generated each time the method is |
| * invoked based on the current state of the document. |
| * |
| * The invalid selector tests ensure that SyntaxError is thrown for invalid forms of selectors |
| * |
| * 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 both the valid and invalid selector tests are found in selectors.js. |
| * See comments in that file for documentation of the format used. |
| * |
| * The ParentNode-querySelector-All.js file contains all the common test functions for running each of the aforementioned tests |
| */ |
| |
| var testType = TEST_QSA; |
| var docType = "xhtml"; // Only run tests suitable for XHTML |
| |
| // Prepare the nodes for testing |
| var doc = e.target.contentDocument; // Document Node tests |
| |
| var element = doc.getElementById("root"); // In-document Element Node tests |
| |
| //Setup the namespace tests |
| setupSpecialElements(doc, 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 |
| interfaceCheck("Document", doc); |
| interfaceCheck("Detached Element", detached); |
| interfaceCheck("Fragment", fragment); |
| interfaceCheck("In-document Element", element); |
| |
| runSpecialSelectorTests("Document", doc); |
| runSpecialSelectorTests("Detached Element", detached); |
| runSpecialSelectorTests("Fragment", fragment); |
| runSpecialSelectorTests("In-document Element", element); |
| |
| verifyStaticList("Document", doc, doc); |
| verifyStaticList("Detached Element", doc, detached); |
| verifyStaticList("Fragment", doc, fragment); |
| verifyStaticList("In-document Element", doc, element); |
| |
| runInvalidSelectorTest("Document", doc, invalidSelectors); |
| runInvalidSelectorTest("Detached Element", detached, invalidSelectors); |
| runInvalidSelectorTest("Fragment", fragment, invalidSelectors); |
| runInvalidSelectorTest("In-document Element", element, invalidSelectors); |
| |
| 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> |
| </body> |
| </html> |