/* taken from https://github.com/dperini/nwmatcher/blob/master/test/scotch/test.js */ var DomUtils = require("htmlparser2").DomUtils, helper = require("../tools/helper.js"), assert = require("assert"), path = require("path"), document = helper.getDocument(path.join(__dirname, "test.html")), CSSselect = helper.CSSselect; //Prototype's `$` function function getById(element){ if(arguments.length === 1){ if(typeof element === "string"){ return DomUtils.getElementById(element, document); } return element; } else return Array.prototype.map.call(arguments, function(elem){ return getById(elem); }); } //NWMatcher methods var select = function(query, doc){ if(arguments.length === 1 || typeof doc === "undefined") doc = document; else if(typeof doc === "string") doc = select(doc); return CSSselect(query, doc); }, match = CSSselect.is; var validators = { assert: assert, assertEqual: assert.equal, assertEquivalent: assert.deepEqual, refute: function refute(a, msg){ assert(!a, msg); }, assertThrowsException: function(){} //not implemented }; var runner = { __name: "", addGroup: function(name){ this.__name = name; return this; }, addTests: function(_, tests){ if(this.__name){ describe(this.__name, run); this.__name = ""; } else run(); function run(){ Object.keys(tests).forEach(function(name){ it(name, function(){ tests[name].call(validators); }); }); } } } var RUN_BENCHMARKS = false; //The tests... (function(runner){ runner.addGroup("Basic Selectors").addTests(null, { "*": function(){ //Universal selector var results = [], nodes = document.getElementsByTagName("*"), index = 0, length = nodes.length, node; //Collect all element nodes, excluding comments (IE) for(; index < length; index++){ if((node = nodes[index]).tagName !== "!"){ results[results.length] = node; } } this.assertEquivalent(select("*"), results, "Comment nodes should be ignored."); }, "E": function(){ //Type selector var results = [], index = 0, nodes = document.getElementsByTagName("li"); while((results[index] = nodes[index++])){} results.length--; // this.assertEquivalent(select("li"), results); //TODO this.assertEqual(select("strong", getById("fixtures"))[0], getById("strong")); this.assertEquivalent(select("nonexistent"), []); }, "#id": function(){ //ID selector this.assertEqual(select("#fixtures")[0], getById("fixtures")); this.assertEquivalent(select("nonexistent"), []); this.assertEqual(select("#troubleForm")[0], getById("troubleForm")); }, ".class": function(){ //Class selector this.assertEquivalent(select(".first"), getById('p', 'link_1', 'item_1')); this.assertEquivalent(select(".second"), []); }, "E#id": function(){ this.assertEqual(select("strong#strong")[0], getById("strong")); this.assertEquivalent(select("p#strong"), []); }, "E.class": function(){ var secondLink = getById("link_2"); this.assertEquivalent(select('a.internal'), getById('link_1', 'link_2')); this.assertEqual(select('a.internal.highlight')[0], secondLink); this.assertEqual(select('a.highlight.internal')[0], secondLink); this.assertEquivalent(select('a.highlight.internal.nonexistent'), []); }, "#id.class": function(){ var secondLink = getById('link_2'); this.assertEqual(select('#link_2.internal')[0], secondLink); this.assertEqual(select('.internal#link_2')[0], secondLink); this.assertEqual(select('#link_2.internal.highlight')[0], secondLink); this.assertEquivalent(select('#link_2.internal.nonexistent'), []); }, "E#id.class": function(){ var secondLink = getById('link_2'); this.assertEqual(select('a#link_2.internal')[0], secondLink); this.assertEqual(select('a.internal#link_2')[0], secondLink); this.assertEqual(select('li#item_1.first')[0], getById("item_1")); this.assertEquivalent(select('li#item_1.nonexistent'), []); this.assertEquivalent(select('li#item_1.first.nonexistent'), []); } }); runner.addGroup("Attribute Selectors").addTests(null, { "[foo]": function(){ this.assertEquivalent(select('[href]', document.body), select('a[href]', document.body)); this.assertEquivalent(select('[class~=internal]'), select('a[class~="internal"]')); this.assertEquivalent(select('[id]'), select('*[id]')); this.assertEquivalent(select('[type=radio]'), getById('checked_radio', 'unchecked_radio')); this.assertEquivalent(select('[type=checkbox]'), select('*[type=checkbox]')); this.assertEquivalent(select('[title]'), getById('with_title', 'commaParent')); this.assertEquivalent(select('#troubleForm [type=radio]'), select('#troubleForm *[type=radio]')); this.assertEquivalent(select('#troubleForm [type]'), select('#troubleForm *[type]')); }, "E[foo]": function(){ this.assertEquivalent(select('h1[class]'), select('#fixtures h1'), "h1[class]"); this.assertEquivalent(select('h1[CLASS]'), select('#fixtures h1'), "h1[CLASS]"); this.assertEqual(select('li#item_3[class]')[0], getById('item_3'), "li#item_3[class]"); this.assertEquivalent(select('#troubleForm2 input[name="brackets[5][]"]'), getById('chk_1', 'chk_2')); //Brackets in attribute value this.assertEqual(select('#troubleForm2 input[name="brackets[5][]"]:checked')[0], getById('chk_1')); //Space in attribute value this.assertEqual(select('cite[title="hello world!"]')[0], getById('with_title')); //Namespaced attributes // this.assertEquivalent(select('[xml:lang]'), [document.documentElement, getById("item_3")]); // this.assertEquivalent(select('*[xml:lang]'), [document.documentElement, getById("item_3")]); }, 'E[foo="bar"]': function(){ this.assertEquivalent(select('a[href="#"]'), getById('link_1', 'link_2', 'link_3')); this.assertThrowsException(/Error/, function(){ select('a[href=#]'); }); this.assertEqual(select('#troubleForm2 input[name="brackets[5][]"][value="2"]')[0], getById('chk_2')); }, 'E[foo~="bar"]': function(){ this.assertEquivalent(select('a[class~="internal"]'), getById('link_1', 'link_2'), "a[class~=\"internal\"]"); this.assertEquivalent(select('a[class~=internal]'), getById('link_1', 'link_2'), "a[class~=internal]"); this.assertEqual(select('a[class~=external][href="#"]')[0], getById('link_3'), 'a[class~=external][href="#"]'); },/* 'E[foo|="en"]': function(){ this.assertEqual(select('*[xml:lang|="es"]')[0], getById('item_3')); this.assertEqual(select('*[xml:lang|="ES"]')[0], getById('item_3')); },*/ 'E[foo^="bar"]': function(){ this.assertEquivalent(select('div[class^=bro]'), getById('father', 'uncle'), 'matching beginning of string'); this.assertEquivalent(select('#level1 *[id^="level2_"]'), getById('level2_1', 'level2_2', 'level2_3')); this.assertEquivalent(select('#level1 *[id^=level2_]'), getById('level2_1', 'level2_2', 'level2_3')); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[id^=level2_]'); }, 1000); }, 500); } }, 'E[foo$="bar"]': function(){ this.assertEquivalent(select('div[class$=men]'), getById('father', 'uncle'), 'matching end of string'); this.assertEquivalent(select('#level1 *[id$="_1"]'), getById('level2_1', 'level3_1')); this.assertEquivalent(select('#level1 *[id$=_1]'), getById('level2_1', 'level3_1')); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[id$=_1]'); }, 1000); }, 500); } }, 'E[foo*="bar"]': function(){ this.assertEquivalent(select('div[class*="ers m"]'), getById('father', 'uncle'), 'matching substring'); this.assertEquivalent(select('#level1 *[id*="2"]'), getById('level2_1', 'level3_2', 'level2_2', 'level2_3')); this.assertThrowsException(/Error/, function(){ select('#level1 *[id*=2]'); }); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[id*=2]'); }, 1000); }, 500); } }, // *** these should throw SYNTAX_ERR *** 'E[id=-1]': function(){ this.assertThrowsException(/Error/, function(){ select('#level1 *[id=-1]'); }); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[id=9]'); }, 1000); }, 500); } }, 'E[class=-45deg]': function(){ this.assertThrowsException(/Error/, function(){ select('#level1 *[class=-45deg]'); }); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[class=-45deg]'); }, 1000); }, 500); } }, 'E[class=8mm]': function(){ this.assertThrowsException(/Error/, function(){ select('#level1 *[class=8mm]'); }); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *[class=8mm]'); }, 1000); }, 500); } } }); runner.addGroup("Structural pseudo-classes").addTests(null, { "E:first-child": function(){ this.assertEqual(select('#level1>*:first-child')[0], getById('level2_1')); this.assertEquivalent(select('#level1 *:first-child'), getById('level2_1', 'level3_1', 'level_only_child')); this.assertEquivalent(select('#level1>div:first-child'), []); this.assertEquivalent(select('#level1 span:first-child'), getById('level2_1', 'level3_1')); this.assertEquivalent(select('#level1:first-child'), []); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *:first-child'); }, 1000); }, 500); } }, "E:last-child": function(){ this.assertEqual(select('#level1>*:last-child')[0], getById('level2_3')); this.assertEquivalent(select('#level1 *:last-child'), getById('level3_2', 'level_only_child', 'level2_3')); this.assertEqual(select('#level1>div:last-child')[0], getById('level2_3')); this.assertEqual(select('#level1 div:last-child')[0], getById('level2_3')); this.assertEquivalent(select('#level1>span:last-child'), []); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *:last-child'); }, 1000); }, 500); } }, "E:nth-child(n)": function(){ this.assertEqual(select('#p *:nth-child(3)')[0], getById('link_2')); this.assertEqual(select('#p a:nth-child(3)')[0], getById('link_2'), 'nth-child'); this.assertEquivalent(select('#list > li:nth-child(n+2)'), getById('item_2', 'item_3')); this.assertEquivalent(select('#list > li:nth-child(-n+2)'), getById('item_1', 'item_2')); }, "E:nth-of-type(n)": function(){ this.assertEqual(select('#p a:nth-of-type(2)')[0], getById('link_2'), 'nth-of-type'); this.assertEqual(select('#p a:nth-of-type(1)')[0], getById('link_1'), 'nth-of-type'); }, "E:nth-last-of-type(n)": function(){ this.assertEqual(select('#p a:nth-last-of-type(1)')[0], getById('link_2'), 'nth-last-of-type'); }, "E:first-of-type": function(){ this.assertEqual(select('#p a:first-of-type')[0], getById('link_1'), 'first-of-type'); }, "E:last-of-type": function(){ this.assertEqual(select('#p a:last-of-type')[0], getById('link_2'), 'last-of-type'); }, "E:only-child": function(){ this.assertEqual(select('#level1 *:only-child')[0], getById('level_only_child')); //Shouldn't return anything this.assertEquivalent(select('#level1>*:only-child'), []); this.assertEquivalent(select('#level1:only-child'), []); this.assertEquivalent(select('#level2_2 :only-child:not(:last-child)'), []); this.assertEquivalent(select('#level2_2 :only-child:not(:first-child)'), []); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 *:only-child'); }, 1000); }, 500); } }, "E:empty": function(){ getById('level3_1').children = []; if(document.createEvent){ this.assertEquivalent(select('#level1 *:empty'), getById('level3_1', 'level3_2', 'level2_3'), '#level1 *:empty'); this.assertEquivalent(select('#level_only_child:empty'), [], 'newlines count as content!'); }else{ this.assertEqual(select('#level3_1:empty')[0], getById('level3_1'), 'IE forced empty content!'); //this.skip("IE forced empty content!"); } //Shouldn't return anything this.assertEquivalent(select('span:empty > *'), []); } }); runner.addTests(null, { "E:not(s)": function(){ //Negation pseudo-class this.assertEquivalent(select('a:not([href="#"])'), []); this.assertEquivalent(select('div.brothers:not(.brothers)'), []); this.assertEquivalent(select('a[class~=external]:not([href="#"])'), [], 'a[class~=external][href!="#"]'); this.assertEqual(select('#p a:not(:first-of-type)')[0], getById('link_2'), 'first-of-type'); this.assertEqual(select('#p a:not(:last-of-type)')[0], getById('link_1'), 'last-of-type'); this.assertEqual(select('#p a:not(:nth-of-type(1))')[0], getById('link_2'), 'nth-of-type'); this.assertEqual(select('#p a:not(:nth-last-of-type(1))')[0], getById('link_1'), 'nth-last-of-type'); this.assertEqual(select('#p a:not([rel~=nofollow])')[0], getById('link_2'), 'attribute 1'); this.assertEqual(select('#p a:not([rel^=external])')[0], getById('link_2'), 'attribute 2'); this.assertEqual(select('#p a:not([rel$=nofollow])')[0], getById('link_2'), 'attribute 3'); this.assertEqual(select('#p a:not([rel$="nofollow"]) > em')[0], getById('em'), 'attribute 4'); this.assertEqual(select('#list li:not(#item_1):not(#item_3)')[0], getById('item_2'), 'adjacent :not clauses'); this.assertEqual(select('#grandfather > div:not(#uncle) #son')[0], getById('son')); this.assertEqual(select('#p a:not([rel$="nofollow"]) em')[0], getById('em'), 'attribute 4 + all descendants'); this.assertEqual(select('#p a:not([rel$="nofollow"])>em')[0], getById('em'), 'attribute 4 (without whitespace)'); } }); runner.addGroup("UI element states pseudo-classes").addTests(null, { "E:disabled": function(){ this.assertEqual(select('#troubleForm > p > *:disabled')[0], getById('disabled_text_field')); }, "E:checked": function(){ this.assertEquivalent(select('#troubleForm *:checked'), getById('checked_box', 'checked_radio')); } }); runner.addGroup("Combinators").addTests(null, { "E F": function(){ //Descendant this.assertEquivalent(select('#fixtures a *'), getById('em2', 'em', 'span')); this.assertEqual(select('div#fixtures p')[0], getById("p")); }, "E + F": function(){ //Adjacent sibling this.assertEqual(select('div.brothers + div.brothers')[0], getById("uncle")); this.assertEqual(select('div.brothers + div')[0], getById('uncle')); this.assertEqual(select('#level2_1+span')[0], getById('level2_2')); this.assertEqual(select('#level2_1 + span')[0], getById('level2_2')); this.assertEqual(select('#level2_1 + *')[0], getById('level2_2')); this.assertEquivalent(select('#level2_2 + span'), []); this.assertEqual(select('#level3_1 + span')[0], getById('level3_2')); this.assertEqual(select('#level3_1 + *')[0], getById('level3_2')); this.assertEquivalent(select('#level3_2 + *'), []); this.assertEquivalent(select('#level3_1 + em'), []); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level3_1 + span'); }, 1000); }, 500); } }, "E > F": function(){ //Child this.assertEquivalent(select('p.first > a'), getById('link_1', 'link_2')); this.assertEquivalent(select('div#grandfather > div'), getById('father', 'uncle')); this.assertEquivalent(select('#level1>span'), getById('level2_1', 'level2_2')); this.assertEquivalent(select('#level1 > span'), getById('level2_1', 'level2_2')); this.assertEquivalent(select('#level2_1 > *'), getById('level3_1', 'level3_2')); this.assertEquivalent(select('div > #nonexistent'), []); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level1 > span'); }, 1000); }, 500); } }, "E ~ F": function(){ //General sibling this.assertEqual(select('h1 ~ ul')[0], getById('list')); this.assertEquivalent(select('#level2_2 ~ span'), []); this.assertEquivalent(select('#level3_2 ~ *'), []); this.assertEquivalent(select('#level3_1 ~ em'), []); this.assertEquivalent(select('div ~ #level3_2'), []); this.assertEquivalent(select('div ~ #level2_3'), []); this.assertEqual(select('#level2_1 ~ span')[0], getById('level2_2')); this.assertEquivalent(select('#level2_1 ~ *'), getById('level2_2', 'level2_3')); this.assertEqual(select('#level3_1 ~ #level3_2')[0], getById('level3_2')); this.assertEqual(select('span ~ #level3_2')[0], getById('level3_2')); if(RUN_BENCHMARKS){ this.wait(function(){ this.benchmark(function(){ select('#level2_1 ~ span'); }, 1000); }, 500); } } }); runner.addTests(null, { "NW.Dom.match": function(){ var element = getById('dupL1'); //Assertions this.assert(match(element, 'span')); this.assert(match(element, "span#dupL1")); this.assert(match(element, "div > span"), "child combinator"); this.assert(match(element, "#dupContainer span"), "descendant combinator"); this.assert(match(element, "#dupL1"), "ID only"); this.assert(match(element, "span.span_foo"), "class name 1"); this.assert(match(element, "span.span_bar"), "class name 2"); this.assert(match(element, "span:first-child"), "first-child pseudoclass"); //Refutations this.refute(match(element, "span.span_wtf"), "bogus class name"); this.refute(match(element, "#dupL2"), "different ID"); this.refute(match(element, "div"), "different tag name"); this.refute(match(element, "span span"), "different ancestry"); this.refute(match(element, "span > span"), "different parent"); this.refute(match(element, "span:nth-child(5)"), "different pseudoclass"); //Misc. this.refute(match(getById('link_2'), 'a[rel^=external]')); this.assert(match(getById('link_1'), 'a[rel^=external]')); this.assert(match(getById('link_1'), 'a[rel^="external"]')); this.assert(match(getById('link_1'), "a[rel^='external']")); }, "Equivalent Selectors": function(){ this.assertEquivalent(select('div.brothers'), select('div[class~=brothers]')); this.assertEquivalent(select('div.brothers'), select('div[class~=brothers].brothers')); this.assertEquivalent(select('div:not(.brothers)'), select('div:not([class~=brothers])')); this.assertEquivalent(select('li ~ li'), select('li:not(:first-child)')); this.assertEquivalent(select('ul > li'), select('ul > li:nth-child(n)')); this.assertEquivalent(select('ul > li:nth-child(even)'), select('ul > li:nth-child(2n)')); this.assertEquivalent(select('ul > li:nth-child(odd)'), select('ul > li:nth-child(2n+1)')); this.assertEquivalent(select('ul > li:first-child'), select('ul > li:nth-child(1)')); this.assertEquivalent(select('ul > li:last-child'), select('ul > li:nth-last-child(1)')); /* Opera 10 does not accept values > 128 as a parameter to :nth-child See */ this.assertEquivalent(select('ul > li:nth-child(n-128)'), select('ul > li')); this.assertEquivalent(select('ul>li'), select('ul > li')); this.assertEquivalent(select('#p a:not([rel$="nofollow"])>em'), select('#p a:not([rel$="nofollow"]) > em')); }, "Multiple Selectors": function(){ //The next two assertions should return document-ordered lists of matching elements --Diego Perini // this.assertEquivalent(select('#list, .first,*[xml:lang="es-us"] , #troubleForm'), getById('p', 'link_1', 'list', 'item_1', 'item_3', 'troubleForm')); // this.assertEquivalent(select('#list, .first, *[xml:lang="es-us"], #troubleForm'), getById('p', 'link_1', 'list', 'item_1', 'item_3', 'troubleForm')); this.assertEquivalent(select('form[title*="commas,"], input[value="#commaOne,#commaTwo"]'), getById('commaParent', 'commaChild')); this.assertEquivalent(select('form[title*="commas,"], input[value="#commaOne,#commaTwo"]'), getById('commaParent', 'commaChild')); } }); }(runner));