alloy-js-test-san 0.1.0

data/test/regression/prototype/unit/tests/selector_test.js

@@ -0,0 +1,408 @@
+var $RunBenchmarks = false;
+
+function reduce(arr) {
+  return arr.length > 1 ? arr : arr[0];
+}
+
+new Test.Unit.Runner({
+  
+  testSelectorWithTagName: function() {
+    this.assertEnumEqual($A(document.getElementsByTagName('li')), $$('li'));
+    this.assertEnumEqual([$('strong')], $$('strong'));
+    this.assertEnumEqual([], $$('nonexistent'));
+    
+    var allNodes = $A(document.getElementsByTagName('*')).select( function(node) {
+      return node.tagName !== '!';
+    });      
+    this.assertEnumEqual(allNodes, $$('*'));
+  },
+  
+  testSelectorWithId: function() {
+    this.assertEnumEqual([$('fixtures')], $$('#fixtures'));
+    this.assertEnumEqual([], $$('#nonexistent'));
+    this.assertEnumEqual([$('troubleForm')], $$('#troubleForm'));
+  },
+  
+  testSelectorWithClassName: function() {
+    this.assertEnumEqual($('p', 'link_1', 'item_1'), $$('.first'));
+    this.assertEnumEqual([], $$('.second'));
+  },
+  
+  testSelectorWithTagNameAndId: function() {
+    this.assertEnumEqual([$('strong')], $$('strong#strong'));
+    this.assertEnumEqual([], $$('p#strong'));
+  },
+  
+  testSelectorWithTagNameAndClassName: function() {
+    this.assertEnumEqual($('link_1', 'link_2'), $$('a.internal'));
+    this.assertEnumEqual([$('link_2')], $$('a.internal.highlight'));
+    this.assertEnumEqual([$('link_2')], $$('a.highlight.internal'));
+    this.assertEnumEqual([], $$('a.highlight.internal.nonexistent'));
+  },
+  
+  testSelectorWithIdAndClassName: function() {
+    this.assertEnumEqual([$('link_2')], $$('#link_2.internal'));
+    this.assertEnumEqual([$('link_2')], $$('.internal#link_2'));
+    this.assertEnumEqual([$('link_2')], $$('#link_2.internal.highlight'));
+    this.assertEnumEqual([], $$('#link_2.internal.nonexistent'));
+  },
+  
+  testSelectorWithTagNameAndIdAndClassName: function() {
+    this.assertEnumEqual([$('link_2')], $$('a#link_2.internal'));
+    this.assertEnumEqual([$('link_2')], $$('a.internal#link_2'));
+    this.assertEnumEqual([$('item_1')], $$('li#item_1.first'));
+    this.assertEnumEqual([], $$('li#item_1.nonexistent'));
+    this.assertEnumEqual([], $$('li#item_1.first.nonexistent'));
+  },
+  
+  test$$MatchesAncestryWithTokensSeparatedByWhitespace: function() {
+    this.assertEnumEqual($('em2', 'em', 'span'), $$('#fixtures a *'));
+    this.assertEnumEqual([$('p')], $$('div#fixtures p'));
+  },
+  
+  test$$CombinesResultsWhenMultipleExpressionsArePassed: function() {
+    this.assertEnumEqual($('link_1', 'link_2', 'item_1', 'item_2', 'item_3'), $$('#p a', ' ul#list li '));
+  },
+
+  testSelectorWithTagNameAndAttributeExistence: function() {
+    this.assertEnumEqual($$('#fixtures h1'), $$('h1[class]'), 'h1[class]');
+    this.assertEnumEqual($$('#fixtures h1'), $$('h1[CLASS]'), 'h1[CLASS]');
+    this.assertEnumEqual([$('item_3')], $$('li#item_3[class]'), 'li#item_3[class]');
+  },
+  
+  testSelectorWithTagNameAndSpecificAttributeValue: function() {
+    this.assertEnumEqual($('link_1', 'link_2', 'link_3'), $$('a[href="#"]'));
+    this.assertEnumEqual($('link_1', 'link_2', 'link_3'), $$('a[href=#]'));
+  },
+  
+  testSelectorWithTagNameAndWhitespaceTokenizedAttributeValue: function() {
+    this.assertEnumEqual($('link_1', 'link_2'), $$('a[class~="internal"]'), "a[class~=\"internal\"]");
+    this.assertEnumEqual($('link_1', 'link_2'), $$('a[class~=internal]'), "a[class~=internal]");
+  },
+  
+  testSelectorWithAttributeAndNoTagName: function() {
+    this.assertEnumEqual($(document.body).select('a[href]'), $(document.body).select('[href]'));
+    this.assertEnumEqual($$('a[class~="internal"]'), $$('[class~=internal]'));
+    this.assertEnumEqual($$('*[id]'), $$('[id]'));
+    this.assertEnumEqual($('checked_radio', 'unchecked_radio'), $$('[type=radio]'));
+    this.assertEnumEqual($$('*[type=checkbox]'), $$('[type=checkbox]'));
+    this.assertEnumEqual($('with_title', 'commaParent'), $$('[title]'));
+    this.assertEnumEqual($$('#troubleForm *[type=radio]'), $$('#troubleForm [type=radio]'));
+    this.assertEnumEqual($$('#troubleForm *[type]'), $$('#troubleForm [type]'));
+  },
+  
+  testSelectorWithAttributeContainingDash: function() {
+    this.assertEnumEqual([$('attr_with_dash')], $$('[foo-bar]'), "attribute with hyphen");
+  },                                                            
+  
+  testSelectorWithUniversalAndHyphenTokenizedAttributeValue: function() {
+    this.assertEnumEqual([$('item_3')], $$('*[xml:lang|="es"]'));
+    this.assertEnumEqual([$('item_3')], $$('*[xml:lang|="ES"]'));
+  },
+  
+  testSelectorWithTagNameAndNegatedAttributeValue: function() {
+    this.assertEnumEqual([], $$('a[href!="#"]'));
+  },
+
+  testSelectorWithBracketAttributeValue: function() {
+    this.assertEnumEqual($('chk_1', 'chk_2'), $$('#troubleForm2 input[name="brackets[5][]"]'));
+    this.assertEnumEqual([$('chk_1')], $$('#troubleForm2 input[name="brackets[5][]"]:checked'));
+    this.assertEnumEqual([$('chk_2')], $$('#troubleForm2 input[name="brackets[5][]"][value=2]'));
+    this.assertEnumEqual([], $$('#troubleForm2 input[name=brackets[5][]]'));
+  },
+  
+  test$$WithNestedAttributeSelectors: function() {
+    this.assertEnumEqual([$('strong')], $$('div[style] p[id] strong'), 'div[style] p[id] strong');
+  },
+  
+  testSelectorWithMultipleConditions: function() {
+    this.assertEnumEqual([$('link_3')], $$('a[class~=external][href="#"]'),
+     'a[class~=external][href="#"]');
+    this.assertEnumEqual([], $$('a[class~=external][href!="#"]'),
+     'a[class~=external][href!="#"]');
+  },
+  
+  testSelectorMatchElements: function() {
+    this.assertElementsMatch(Selector.matchElements($('list').descendants(), 'li'), '#item_1', '#item_2', '#item_3');
+    this.assertElementsMatch(Selector.matchElements($('fixtures').descendants(), 'a.internal'), '#link_1', '#link_2');
+    this.assertEnumEqual([], Selector.matchElements($('fixtures').descendants(), 'p.last'));
+    this.assertElementsMatch(Selector.matchElements($('fixtures').descendants(), '.inexistant, a.internal'), '#link_1', '#link_2');
+  },
+  
+  testSelectorFindElement: function() {
+    this.assertElementMatches(Selector.findElement($('list').descendants(), 'li'), 'li#item_1.first');
+    this.assertElementMatches(Selector.findElement($('list').descendants(), 'li', 1), 'li#item_2');
+    this.assertElementMatches(Selector.findElement($('list').descendants(), 'li#item_3'), 'li');
+    this.assertEqual(undefined, Selector.findElement($('list').descendants(), 'em'));
+  },
+  
+  testElementMatch: function() {
+    var span = $('dupL1');
+    
+    // tests that should pass
+    this.assert(span.match('span'));
+    this.assert(span.match('span#dupL1'));
+    this.assert(span.match('div > span'), 'child combinator');
+    this.assert(span.match('#dupContainer span'), 'descendant combinator');      
+    this.assert(span.match('#dupL1'), 'ID only');
+    this.assert(span.match('span.span_foo'), 'class name 1');
+    this.assert(span.match('span.span_bar'), 'class name 2');
+    this.assert(span.match('span:first-child'), 'first-child pseudoclass');
+    
+    this.assert(!span.match('span.span_wtf'), 'bogus class name');
+    this.assert(!span.match('#dupL2'), 'different ID');
+    this.assert(!span.match('div'), 'different tag name');
+    this.assert(!span.match('span span'), 'different ancestry');
+    this.assert(!span.match('span > span'), 'different parent');
+    this.assert(!span.match('span:nth-child(5)'), 'different pseudoclass');
+    
+    this.assert(!$('link_2').match('a[rel^=external]'));
+    this.assert($('link_1').match('a[rel^=external]'));
+    this.assert($('link_1').match('a[rel^="external"]'));
+    this.assert($('link_1').match("a[rel^='external']"));
+    
+    this.assert(span.match({ match: function(element) { return true }}), 'custom selector');
+    this.assert(!span.match({ match: function(element) { return false }}), 'custom selector');
+  },
+
+  testSelectorWithSpaceInAttributeValue: function() {
+    this.assertEnumEqual([$('with_title')], $$('cite[title="hello world!"]'));
+  },
+  
+  // AND NOW COME THOSE NEW TESTS AFTER ANDREW'S REWRITE!
+
+  testSelectorWithNamespacedAttributes: function() {
+    if (Prototype.BrowserFeatures.XPath) {
+      this.assertUndefined(new Selector('html[xml:lang]').xpath);
+      this.assertUndefined(new Selector('body p[xml:lang]').xpath);
+    } else
+      this.info("Could not test XPath bypass: no XPath to begin with!");
+    
+    this.assertElementsMatch($$('[xml:lang]'), 'html', '#item_3');
+    this.assertElementsMatch($$('*[xml:lang]'), 'html', '#item_3');
+  },
+
+  testSelectorWithChild: function() {
+    this.assertEnumEqual($('link_1', 'link_2'), $$('p.first > a'));
+    this.assertEnumEqual($('father', 'uncle'), $$('div#grandfather > div'));
+    this.assertEnumEqual($('level2_1', 'level2_2'), $$('#level1>span'));
+    this.assertEnumEqual($('level2_1', 'level2_2'), $$('#level1 > span'));
+    this.assertEnumEqual($('level3_1', 'level3_2'), $$('#level2_1 > *'));
+    this.assertEnumEqual([], $$('div > #nonexistent'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#level1 > span') }, 1000);
+    });
+  },
+
+  testSelectorWithAdjacence: function() {
+    this.assertEnumEqual([$('uncle')], $$('div.brothers + div.brothers'));
+    this.assertEnumEqual([$('uncle')], $$('div.brothers + div'));      
+    this.assertEqual($('level2_2'), reduce($$('#level2_1+span')));
+    this.assertEqual($('level2_2'), reduce($$('#level2_1 + span')));
+    this.assertEqual($('level2_2'), reduce($$('#level2_1 + *')));
+    this.assertEnumEqual([], $$('#level2_2 + span'));
+    this.assertEqual($('level3_2'), reduce($$('#level3_1 + span')));
+    this.assertEqual($('level3_2'), reduce($$('#level3_1 + *')));
+    this.assertEnumEqual([], $$('#level3_2 + *'));
+    this.assertEnumEqual([], $$('#level3_1 + em'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#level3_1 + span') }, 1000);
+    });
+  },
+
+  testSelectorWithLaterSibling: function() {
+    this.assertEnumEqual([$('list')], $$('h1 ~ ul'));
+    this.assertEqual($('level2_2'), reduce($$('#level2_1 ~ span')));
+    this.assertEnumEqual($('level2_2', 'level2_3'), reduce($$('#level2_1 ~ *')));
+    this.assertEnumEqual([], $$('#level2_2 ~ span'));
+    this.assertEnumEqual([], $$('#level3_2 ~ *'));
+    this.assertEnumEqual([], $$('#level3_1 ~ em'));
+    this.assertEnumEqual([$('level3_2')], $$('#level3_1 ~ #level3_2'));
+    this.assertEnumEqual([$('level3_2')], $$('span ~ #level3_2'));
+    this.assertEnumEqual([], $$('div ~ #level3_2'));
+    this.assertEnumEqual([], $$('div ~ #level2_3'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#level2_1 ~ span') }, 1000);
+    });
+  },
+
+  testSelectorWithNewAttributeOperators: function() {
+    this.assertEnumEqual($('father', 'uncle'), $$('div[class^=bro]'), 'matching beginning of string');
+    this.assertEnumEqual($('father', 'uncle'), $$('div[class$=men]'), 'matching end of string');
+    this.assertEnumEqual($('father', 'uncle'), $$('div[class*="ers m"]'), 'matching substring')
+    this.assertEnumEqual($('level2_1', 'level2_2', 'level2_3'), $$('#level1 *[id^="level2_"]'));
+    this.assertEnumEqual($('level2_1', 'level2_2', 'level2_3'), $$('#level1 *[id^=level2_]'));
+    this.assertEnumEqual($('level2_1', 'level3_1'), $$('#level1 *[id$="_1"]'));
+    this.assertEnumEqual($('level2_1', 'level3_1'), $$('#level1 *[id$=_1]'));
+    this.assertEnumEqual($('level2_1', 'level3_2', 'level2_2', 'level2_3'), $$('#level1 *[id*="2"]'));
+    this.assertEnumEqual($('level2_1', 'level3_2', 'level2_2', 'level2_3'), $$('#level1 *[id*=2]'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#level1 *[id^=level2_]') }, 1000, '[^=]');
+      this.benchmark(function() { $$('#level1 *[id$=_1]') }, 1000, '[$=]');
+      this.benchmark(function() { $$('#level1 *[id*=_2]') }, 1000, '[*=]');
+    });
+  },
+
+  testSelectorWithDuplicates: function() {
+    this.assertEnumEqual($$('div div'), $$('div div').uniq());
+    this.assertEnumEqual($('dupL2', 'dupL3', 'dupL4', 'dupL5'), $$('#dupContainer span span'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#dupContainer span span') }, 1000);
+    });
+  },
+
+  testSelectorWithFirstLastOnlyNthNthLastChild: function() {
+    this.assertEnumEqual([$('level2_1')], $$('#level1>*:first-child'));
+    this.assertEnumEqual($('level2_1', 'level3_1', 'level_only_child'), $$('#level1 *:first-child'));
+    this.assertEnumEqual([$('level2_3')], $$('#level1>*:last-child'));
+    this.assertEnumEqual($('level3_2', 'level_only_child', 'level2_3'), $$('#level1 *:last-child'));
+    this.assertEnumEqual([$('level2_3')], $$('#level1>div:last-child'));
+    this.assertEnumEqual([$('level2_3')], $$('#level1 div:last-child'));
+    this.assertEnumEqual([], $$('#level1>div:first-child'));
+    this.assertEnumEqual([], $$('#level1>span:last-child'));
+    this.assertEnumEqual($('level2_1', 'level3_1'), $$('#level1 span:first-child'));
+    this.assertEnumEqual([], $$('#level1:first-child'));
+    this.assertEnumEqual([], $$('#level1>*:only-child'));
+    this.assertEnumEqual([$('level_only_child')], $$('#level1 *:only-child'));
+    this.assertEnumEqual([], $$('#level1:only-child'));
+    this.assertEnumEqual([$('link_2')], $$('#p *:nth-last-child(2)'), 'nth-last-child');
+    this.assertEnumEqual([$('link_2')], $$('#p *:nth-child(3)'), 'nth-child');
+    this.assertEnumEqual([$('link_2')], $$('#p a:nth-child(3)'), 'nth-child');
+    this.assertEnumEqual($('item_2', 'item_3'), $$('#list > li:nth-child(n+2)'));
+    this.assertEnumEqual($('item_1', 'item_2'), $$('#list > li:nth-child(-n+2)'));
+    $RunBenchmarks && this.wait(500, function() {
+      this.benchmark(function() { $$('#level1 *:first-child') }, 1000, ':first-child');
+      this.benchmark(function() { $$('#level1 *:last-child') }, 1000, ':last-child');
+      this.benchmark(function() { $$('#level1 *:only-child') }, 1000, ':only-child');
+    });
+  },
+  
+  testSelectorWithFirstLastNthNthLastOfType: function() {
+    this.assertEnumEqual([$('link_2')], $$('#p a:nth-of-type(2)'), 'nth-of-type');
+    this.assertEnumEqual([$('link_1')], $$('#p a:nth-of-type(1)'), 'nth-of-type');
+    this.assertEnumEqual([$('link_2')], $$('#p a:nth-last-of-type(1)'), 'nth-last-of-type');
+    this.assertEnumEqual([$('link_1')], $$('#p a:first-of-type'), 'first-of-type');
+    this.assertEnumEqual([$('link_2')], $$('#p a:last-of-type'), 'last-of-type');
+  },
+  
+  testSelectorWithNot: function() {
+    this.assertEnumEqual([$('link_2')], $$('#p a:not(a:first-of-type)'), 'first-of-type');
+    this.assertEnumEqual([$('link_1')], $$('#p a:not(a:last-of-type)'), 'last-of-type');
+    this.assertEnumEqual([$('link_2')], $$('#p a:not(a:nth-of-type(1))'), 'nth-of-type');
+    this.assertEnumEqual([$('link_1')], $$('#p a:not(a:nth-last-of-type(1))'), 'nth-last-of-type');
+    this.assertEnumEqual([$('link_2')], $$('#p a:not([rel~=nofollow])'), 'attribute 1');
+    this.assertEnumEqual([$('link_2')], $$('#p a:not(a[rel^=external])'), 'attribute 2');
+    this.assertEnumEqual([$('link_2')], $$('#p a:not(a[rel$=nofollow])'), 'attribute 3');
+    this.assertEnumEqual([$('em')], $$('#p a:not(a[rel$="nofollow"]) > em'), 'attribute 4')
+    this.assertEnumEqual([$('item_2')], $$('#list li:not(#item_1):not(#item_3)'), 'adjacent :not clauses');
+    this.assertEnumEqual([$('son')], $$('#grandfather > div:not(#uncle) #son'));
+    this.assertEnumEqual([$('em')], $$('#p a:not(a[rel$="nofollow"]) em'), 'attribute 4 + all descendants');
+    this.assertEnumEqual([$('em')], $$('#p a:not(a[rel$="nofollow"])>em'), 'attribute 4 (without whitespace)');
+  },
+  
+  testSelectorWithEnabledDisabledChecked: function() {
+    this.assertEnumEqual([$('disabled_text_field')], $$('#troubleForm > *:disabled'));
+    this.assertEnumEqual($('troubleForm').getInputs().without($('disabled_text_field'), $('hidden')), $$('#troubleForm > *:enabled'));
+    this.assertEnumEqual($('checked_box', 'checked_radio'), $$('#troubleForm *:checked'));
+  },
+  
+  testSelectorWithEmpty: function() {
+    $('level3_1').innerHTML = "";
+    this.assertEnumEqual($('level3_1', 'level3_2', 'level2_3'),
+     $$('#level1 *:empty'), '#level1 *:empty');
+    this.assertEnumEqual([], $$('#level_only_child:empty'), 'newlines count as content!');
+  },    
+  
+  testIdenticalResultsFromEquivalentSelectors: function() {
+    this.assertEnumEqual($$('div.brothers'), $$('div[class~=brothers]'));
+    this.assertEnumEqual($$('div.brothers'), $$('div[class~=brothers].brothers'));
+    this.assertEnumEqual($$('div:not(.brothers)'), $$('div:not([class~=brothers])'));
+    this.assertEnumEqual($$('li ~ li'), $$('li:not(:first-child)'));
+    this.assertEnumEqual($$('ul > li'), $$('ul > li:nth-child(n)'));
+    this.assertEnumEqual($$('ul > li:nth-child(even)'), $$('ul > li:nth-child(2n)'));
+    this.assertEnumEqual($$('ul > li:nth-child(odd)'), $$('ul > li:nth-child(2n+1)'));
+    this.assertEnumEqual($$('ul > li:first-child'), $$('ul > li:nth-child(1)'));
+    this.assertEnumEqual($$('ul > li:last-child'), $$('ul > li:nth-last-child(1)'));
+    this.assertEnumEqual($$('ul > li:nth-child(n-999)'), $$('ul > li'));
+    this.assertEnumEqual($$('ul>li'), $$('ul > li'));
+    this.assertEnumEqual($$('#p a:not(a[rel$="nofollow"])>em'), $$('#p a:not(a[rel$="nofollow"]) > em'))
+  },
+  
+  testSelectorsThatShouldReturnNothing: function() {
+    this.assertEnumEqual([], $$('span:empty > *'));
+    this.assertEnumEqual([], $$('div.brothers:not(.brothers)'));
+    this.assertEnumEqual([], $$('#level2_2 :only-child:not(:last-child)'));
+    this.assertEnumEqual([], $$('#level2_2 :only-child:not(:first-child)'));
+  },
+
+  testCommasFor$$: function() {
+    this.assertEnumEqual($('list', 'p', 'link_1', 'item_1', 'item_3', 'troubleForm'), $$('#list, .first,*[xml:lang="es-us"] , #troubleForm'));
+    this.assertEnumEqual($('list', 'p', 'link_1', 'item_1', 'item_3', 'troubleForm'), $$('#list, .first,', '*[xml:lang="es-us"] , #troubleForm'));
+    this.assertEnumEqual($('commaParent', 'commaChild'), $$('form[title*="commas,"], input[value="#commaOne,#commaTwo"]'));
+    this.assertEnumEqual($('commaParent', 'commaChild'), $$('form[title*="commas,"]', 'input[value="#commaOne,#commaTwo"]'));
+  },
+  
+  testSelectorExtendsAllNodes: function(){
+    var element = document.createElement('div');
+    (3).times(function(){
+      element.appendChild(document.createElement('div'));
+    });
+    element.setAttribute('id','scratch_element');
+    $$('body')[0].appendChild(element);
+    
+    var results = $$('#scratch_element div');
+    this.assert(typeof results[0].show == 'function');
+    this.assert(typeof results[1].show == 'function');
+    this.assert(typeof results[2].show == 'function');
+  },
+  
+  testCountedIsNotAnAttribute: function() {
+    var el = $('list');
+    Selector.handlers.mark([el]);
+    this.assert(!el.innerHTML.include("_counted"));
+    Selector.handlers.unmark([el]);
+    this.assert(!el.innerHTML.include("_counted"));      
+  },
+
+  testCopiedNodesGetIncluded: function() {
+    this.assertElementsMatch(
+      Selector.matchElements($('counted_container').descendants(), 'div'),
+      'div.is_counted'
+    );
+    $('counted_container').innerHTML += $('counted_container').innerHTML;
+    this.assertElementsMatch(
+      Selector.matchElements($('counted_container').descendants(), 'div'), 'div.is_counted', 
+      'div.is_counted'
+    );
+  },
+
+  testSelectorNotInsertedNodes: function() {
+    window.debug = true;
+    var wrapper = new Element("div");
+    wrapper.update("<table><tr><td id='myTD'></td></tr></table>");
+    this.assertNotNullOrUndefined(wrapper.select('[id=myTD]')[0],
+      'selecting: [id=myTD]');
+    this.assertNotNullOrUndefined(wrapper.select('#myTD')[0],
+      'selecting: #myTD');
+    this.assertNotNullOrUndefined(wrapper.select('td')[0], 
+      'selecting: td');      
+    this.assert($$('#myTD').length == 0,
+      'should not turn up in document-rooted search');
+    window.debug = false;
+  },   
+  
+  testElementDown: function() {
+    var a = $('dupL4'); 
+    var b = $('dupContainer').down('#dupL4');
+    
+    this.assertEqual(a, b);
+  },
+  
+  testDescendantSelectorBuggy: function() {
+    var el = document.createElement('div');
+    el.innerHTML = '<ul><li></li></ul><div><ul><li></li></ul></div>';
+    document.body.appendChild(el);
+    this.assertEqual(2, $(el).select('ul li').length);
+    document.body.removeChild(el);
+  }
+});