<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[179132] trunk</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/179132">179132</a></dd>
<dt>Author</dt> <dd>benjamin@webkit.org</dd>
<dt>Date</dt> <dd>2015-01-26 12:40:18 -0800 (Mon, 26 Jan 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Fix CSS Selector's tag name matching when mixing HTML and XML
https://bugs.webkit.org/show_bug.cgi?id=140878
Reviewed by Darin Adler.
Source/WebCore:
Previsouly, WebKit was unable to match any XML element that had
any uppercase character if the stylesheet was in a HTML document.
This problem was most often reported due to the inability to style
SVG-in-HTML.
The reason was that the tag local name was incorrectly transformed
to lowercase at parsing time. Instead, we are supposed to only
do case-insensitive match for HTML elements in a HTML document.
This fix is very similar with how we handle attributes:
-Keep both the original and the lowercase versions of the name.
-When matching, chose which version to use depending on the element being matched.
There is one major difference in the way the names are stored.
Unlike attribute selectors, tag name selectors are common, and the uppercase
version is not that uncommon. I wanted to preserve the dense representation
so I specialized CSSSelector specifically for tag names.
To store the data, if the name is already lowercase, just use the m_data pointer
as usual.
If the name is not lowercase, allocate a new small structure in the union to store
both names.
Tests: fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html
fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml
fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml
fast/css/tagname-case-sensitivity-svg-in-html.html
fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml
fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml
fast/css/tagname-case-sensitivity-xml-in-html.html
fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml
fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml
fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html
fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml
fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html
fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml
fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html
fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml
fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html
fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml
fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html
fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html
* css/CSSGrammar.y.in:
The parser is unaware of anything case related. CSSSelector takes care of that.
* css/CSSSelector.cpp:
(WebCore::CSSSelector::CSSSelector):
(WebCore::CSSSelector::createRareData):
* css/CSSSelector.h:
(WebCore::CSSSelector::NameWithCase::NameWithCase):
(WebCore::CSSSelector::CSSSelector):
(WebCore::CSSSelector::~CSSSelector):
(WebCore::CSSSelector::tagQName):
(WebCore::CSSSelector::tagLowercaseLocalName):
The new representation stores both the original form and the lower case
form.
* css/RuleSet.cpp:
(WebCore::RuleSet::addRule):
(WebCore::RuleSet::shrinkToFit):
* css/RuleSet.h:
(WebCore::RuleSet::tagRules):
* css/ElementRuleCollector.cpp:
(WebCore::ElementRuleCollector::collectMatchingRules):
The tag name partition is now split in two: lowercase and original case.
If the matched element is HTML, the lowercase partition is used.
* css/SelectorFilter.cpp:
(WebCore::collectElementIdentifierHashes):
(WebCore::collectDescendantSelectorIdentifierHashes):
This is the most annoying part of the patch performance wise:
the bloom filter knows the case of the real elements but it cannot know
how selectors will match them.
To make it work, all names are now converted to lowercase.
That implies that we can filter less on XML and we may have to pay for
converting the tag name to lowercase.
I expect the performance hit to be small because:
-Having two XML elements with the same name but different case is uncommon.
-Most elements use lowercase names.
Still sad...that's the price to pay for correctness.
* css/SelectorChecker.cpp:
(WebCore::tagMatches):
(WebCore::SelectorChecker::checkOne):
* css/SelectorChecker.h:
(WebCore::SelectorChecker::tagMatches): Deleted.
Update the legacy matcher, nothing special.
* cssjit/SelectorCompiler.cpp:
(WebCore::SelectorCompiler::SelectorFragment::SelectorFragment):
(WebCore::SelectorCompiler::TagNamePattern::TagNamePattern):
(WebCore::SelectorCompiler::constructFragmentsInternal):
(WebCore::SelectorCompiler::equalTagNames):
(WebCore::SelectorCompiler::equalTagNamePatterns):
(WebCore::SelectorCompiler::computeBacktrackingStartOffsetInChain):
(WebCore::SelectorCompiler::computeBacktrackingHeightFromDescendant):
(WebCore::SelectorCompiler::computeBacktrackingWidthFromIndirectAdjacent):
(WebCore::SelectorCompiler::SelectorCodeGenerator::generateElementMatching):
(WebCore::SelectorCompiler::SelectorCodeGenerator::generateElementHasTagName):
Tag names are used to optimize backtracking; this is quite common for descendant
(e.g. div > ul > li).
We have to differenciate one new case there: if two tag names are equal
when compared case-insensitively but strictly different, they may still
be equal if they don't match the same kind of elements or both matches
and HTML element.
* dom/SelectorQuery.cpp:
(WebCore::localNameMatches):
(WebCore::elementsForLocalName):
(WebCore::SelectorDataList::executeSingleTagNameSelectorData):
Update the inline versions of SelectorQuery.
LayoutTests:
We had very little coverage for XHTML and XML in HTML.
I added lots of new tests to cover the basics.
* fast/dom/css-dom-read-2-expected.txt:
* fast/dom/css-dom-read-expected.txt:
CSSOM now provide the tagname in the original case instead of lowercase,
which is actually what the spec defines:
"If the character is not handled by one of the above rules and is greater
than or equal to U+0080, is "-" (U+002D) or "_" (U+005F), or is in one
of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to U+005A),
or [a-z] (U+0061 to U+007A), then the character itself."
* fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html: Added.
* fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html: Added.
* fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml: Added.
* fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml: Added.
* fast/css/tagname-case-sensitivity-svg-in-html-expected.html: Added.
* fast/css/tagname-case-sensitivity-svg-in-html.html: Added.
* fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml: Added.
* fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
* fast/css/tagname-case-sensitivity-xml-in-html-expected.html: Added.
* fast/css/tagname-case-sensitivity-xml-in-html.html: Added.
* fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml: Added.
* fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml: Added.
* fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
* fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html: Added.
* fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
* fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
* fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
* fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html: Added.
* fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
* fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt: Added.
* fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml: Added.
* fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt: Added.
* fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html: Added.
* fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt: Added.
* fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html: Added.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsfastdomcssdomread2expectedtxt">trunk/LayoutTests/fast/dom/css-dom-read-2-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastdomcssdomreadexpectedtxt">trunk/LayoutTests/fast/dom/css-dom-read-expected.txt</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCorecssCSSGrammaryin">trunk/Source/WebCore/css/CSSGrammar.y.in</a></li>
<li><a href="#trunkSourceWebCorecssCSSSelectorcpp">trunk/Source/WebCore/css/CSSSelector.cpp</a></li>
<li><a href="#trunkSourceWebCorecssCSSSelectorh">trunk/Source/WebCore/css/CSSSelector.h</a></li>
<li><a href="#trunkSourceWebCorecssElementRuleCollectorcpp">trunk/Source/WebCore/css/ElementRuleCollector.cpp</a></li>
<li><a href="#trunkSourceWebCorecssRuleSetcpp">trunk/Source/WebCore/css/RuleSet.cpp</a></li>
<li><a href="#trunkSourceWebCorecssRuleSeth">trunk/Source/WebCore/css/RuleSet.h</a></li>
<li><a href="#trunkSourceWebCorecssSelectorCheckercpp">trunk/Source/WebCore/css/SelectorChecker.cpp</a></li>
<li><a href="#trunkSourceWebCorecssSelectorCheckerh">trunk/Source/WebCore/css/SelectorChecker.h</a></li>
<li><a href="#trunkSourceWebCorecssSelectorFiltercpp">trunk/Source/WebCore/css/SelectorFilter.cpp</a></li>
<li><a href="#trunkSourceWebCorecssjitSelectorCompilercpp">trunk/Source/WebCore/cssjit/SelectorCompiler.cpp</a></li>
<li><a href="#trunkSourceWebCoredomSelectorQuerycpp">trunk/Source/WebCore/dom/SelectorQuery.cpp</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinhtmlexpectedhtml">trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinhtmlhtml">trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinxhtmlexpectedxhtml">trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinxhtmlxhtml">trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivitysvginhtmlexpectedhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html-expected.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivitysvginhtmlhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivitysvginxhtmlexpectedxhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivitysvginxhtmlxhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivityxmlinhtmlexpectedhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html-expected.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivityxmlinhtmlhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivityxmlinxhtmlexpectedxhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastcsstagnamecasesensitivityxmlinxhtmlxhtml">trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginhtmlhtml">trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginxhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginxhtmlxhtml">trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginhtmlhtml">trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginxhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginxhtmlxhtml">trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginhtmlhtml">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginxhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginxhtmlxhtml">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinhtmlhtml">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinxhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinxhtmlxhtml">trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml</a></li>
<li><a href="#trunkLayoutTestsfastselectorstagnameadjacentbacktrackingcasesensitivityhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorstagnameadjacentbacktrackingcasesensitivityhtmlhtml">trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html</a></li>
<li><a href="#trunkLayoutTestsfastselectorstagnamedescendantbacktrackingcasesensitivityhtmlexpectedtxt">trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastselectorstagnamedescendantbacktrackingcasesensitivityhtmlhtml">trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/LayoutTests/ChangeLog 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -1,3 +1,55 @@
</span><ins>+2015-01-26 Benjamin Poulain <benjamin@webkit.org>
+
+ Fix CSS Selector's tag name matching when mixing HTML and XML
+ https://bugs.webkit.org/show_bug.cgi?id=140878
+
+ Reviewed by Darin Adler.
+
+ We had very little coverage for XHTML and XML in HTML.
+ I added lots of new tests to cover the basics.
+
+ * fast/dom/css-dom-read-2-expected.txt:
+ * fast/dom/css-dom-read-expected.txt:
+ CSSOM now provide the tagname in the original case instead of lowercase,
+ which is actually what the spec defines:
+ "If the character is not handled by one of the above rules and is greater
+ than or equal to U+0080, is "-" (U+002D) or "_" (U+005F), or is in one
+ of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to U+005A),
+ or [a-z] (U+0061 to U+007A), then the character itself."
+
+ * fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html: Added.
+ * fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html: Added.
+ * fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml: Added.
+ * fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml: Added.
+ * fast/css/tagname-case-sensitivity-svg-in-html-expected.html: Added.
+ * fast/css/tagname-case-sensitivity-svg-in-html.html: Added.
+ * fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml: Added.
+ * fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
+ * fast/css/tagname-case-sensitivity-xml-in-html-expected.html: Added.
+ * fast/css/tagname-case-sensitivity-xml-in-html.html: Added.
+ * fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml: Added.
+ * fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml: Added.
+ * fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
+ * fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html: Added.
+ * fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
+ * fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
+ * fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
+ * fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html: Added.
+ * fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
+ * fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt: Added.
+ * fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml: Added.
+ * fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt: Added.
+ * fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html: Added.
+ * fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt: Added.
+ * fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html: Added.
+
</ins><span class="cx"> 2015-01-26 Carlos Garcia Campos <cgarcia@igalia.com>
</span><span class="cx">
</span><span class="cx"> Unreviewed. Remove references to removed tests from GTK+ TestExpectations.
</span></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinhtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html-expected.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<style>
+
+target1, target2, target3, target4 {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+
+target1 {
+ background-color: cyan;
+ border: 2px solid darkblue;
+ color: maroon;
+}
+
+target2 {
+ background-color: red;
+}
+target3 {
+ border: 2px solid blue;
+}
+target4 {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML.</p>
+ <div id="test-cases">
+ <target1>Target</target1>
+ <target1>Target</target1>
+ <target1>Target</target1>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target1>Target</target1>
+ <target1>Target</target1>
+ <target1>Target</target1>
+ </xml>
+ </div>
+</body>
+<script>
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target2>Target</target2><target3>Target</target3><target4>Target</target4></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<style>
+@namespace WebKit url(https://www.webkit.org/awesome);
+@namespace AweWebKit url(https://www.webkit.org/Awesome);
+@namespace XHTML url(http://www.w3.org/1999/xhtml);
+
+target, Target, TARGET {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+
+XHTML|target {
+ background-color: cyan;
+}
+XHTML|Target {
+ border: 2px solid darkblue;
+}
+XHTML|TARGET {
+ color: maroon;
+}
+
+WebKit|target {
+ background-color: red;
+}
+WebKit|Target {
+ border: 2px solid blue;
+}
+WebKit|TARGET {
+ color: green;
+}
+
+webkit|target {
+ background-color: purple;
+}
+webkit|Target {
+ border: 2px solid yellow;
+}
+webkit|TARGET {
+ color: orange;
+}
+
+AweWebKit|target {
+ background-color: lime;
+}
+AweWebKit|Target {
+ border: 2px solid olive;
+}
+AweWebKit|TARGET {
+ color: silver;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML.</p>
+ <div id="test-cases">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ </xml>
+ </div>
+</body>
+<script>
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target>Target</target><Target>Target</Target><TARGET>Target</TARGET></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinxhtmlexpectedxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+
+target1, target2, target3, target4, target5, target6 {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+
+target1 {
+ background-color: cyan;
+}
+target2 {
+ border: 2px solid darkblue;
+}
+target3 {
+ color: maroon;
+}
+
+target4 {
+ background-color: red;
+}
+target5 {
+ border: 2px solid blue;
+}
+target6 {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <target1>Target</target1>
+ <target2>Target</target2>
+ <target3>Target</target3>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target4>Target</target4>
+ <target5>Target</target5>
+ <target6>Target</target6>
+ </xml>
+ </div>
+</body>
+<script><![CDATA[
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target4>Target</target4><target5>Target</target5><target6>Target</target6></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+]]></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnameandnamespacecasesensitivityxmlinxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+@namespace WebKit url(https://www.webkit.org/awesome);
+@namespace AweWebKit url(https://www.webkit.org/Awesome);
+@namespace XHTML url(http://www.w3.org/1999/xhtml);
+
+target, Target, TARGET {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+
+XHTML|target {
+ background-color: cyan;
+}
+XHTML|Target {
+ border: 2px solid darkblue;
+}
+XHTML|TARGET {
+ color: maroon;
+}
+
+WebKit|target {
+ background-color: red;
+}
+WebKit|Target {
+ border: 2px solid blue;
+}
+WebKit|TARGET {
+ color: green;
+}
+
+webkit|target {
+ background-color: purple;
+}
+webkit|Target {
+ border: 2px solid yellow;
+}
+webkit|TARGET {
+ color: orange;
+}
+
+AweWebKit|target {
+ background-color: lime;
+}
+AweWebKit|Target {
+ border: 2px solid olive;
+}
+AweWebKit|TARGET {
+ color: silver;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ </xml>
+ </div>
+</body>
+<script><![CDATA[
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target>Target</target><Target>Target</Target><TARGET>Target</TARGET></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+]]></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivitysvginhtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html-expected.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html-expected.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html-expected.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!doctype html>
+<html>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML (specifically SVG in this case).</p>
+ <div id="test-cases">
+ <rect style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue; stroke: purple; border: 2px dashed lime; fill: yellow; background-color: orange;"></rect>
+ <Rect style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue; stroke: purple; border: 2px dashed lime; fill: yellow; background-color: orange;"></Rect>
+ <RECT style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue; stroke: purple; border: 2px dashed lime; fill: yellow; background-color: orange;"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></rect>
+ <Rect x="100" width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></Rect>
+ <RECT x="200" width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></RECT>
+ </svg>
+ </div>
+</body>
+<script>
+ var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></rect><Rect x="100" width="100" height="100" style="stroke: purple; border: 2px dashed lime;"></Rect><RECT x="200" width="100" height="100" style="fill: yellow; background-color: orange;"></RECT></svg>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivitysvginhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<style>
+rect {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ border: 1px solid red;
+ display: block;
+ float: left;
+ stroke: purple;
+ fill: blue;
+}
+Rect {
+ stroke: purple;
+ border: 2px dashed lime;
+}
+RECT {
+ fill: yellow;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML (specifically SVG in this case).</p>
+ <div id="test-cases">
+ <rect></rect>
+ <Rect></Rect>
+ <RECT></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100" height="100"></rect>
+ <Rect x="100" width="100" height="100"></Rect>
+ <RECT x="200" width="100" height="100"></RECT>
+ </svg>
+ </div>
+</body>
+<script>
+ var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100"></rect><Rect x="100" width="100" height="100"></Rect><RECT x="200" width="100" height="100"></RECT></svg>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivitysvginxhtmlexpectedxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<body>
+ <p>Test styling of elements using their local name. Matching the name should always be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <rect style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></rect>
+ <Rect style="stroke: purple; border: 2px dashed lime;"></Rect>
+ <RECT style="fill: yellow; background-color: orange;"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></rect>
+ <Rect x="100" width="100" height="100" style="stroke: purple; border: 2px dashed lime;"></Rect>
+ <RECT x="200" width="100" height="100" style="fill: yellow; background-color: orange;"></RECT>
+ </svg>
+ </div>
+</body>
+<script><![CDATA[
+ var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" style="width: 100px; height: 100px; background-color: green; border: 1px solid red; display: block; float: left; stroke: purple; fill: blue;"></rect><Rect x="100" width="100" height="100" style="stroke: purple; border: 2px dashed lime;"></Rect><RECT x="200" width="100" height="100" style="fill: yellow; background-color: orange;"></RECT></svg>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+]]></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivitysvginxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+rect {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ border: 1px solid red;
+ display: block;
+ float: left;
+ stroke: purple;
+ fill: blue;
+}
+Rect {
+ stroke: purple;
+ border: 2px dashed lime;
+}
+RECT {
+ fill: yellow;
+ background-color: orange;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should always be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <rect></rect>
+ <Rect></Rect>
+ <RECT></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100" height="100"></rect>
+ <Rect x="100" width="100" height="100"></Rect>
+ <RECT x="200" width="100" height="100"></RECT>
+ </svg>
+ </div>
+</body>
+<script><![CDATA[
+ var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100"></rect><Rect x="100" width="100" height="100"></Rect><RECT x="200" width="100" height="100"></RECT></svg>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+]]></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivityxmlinhtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html-expected.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html-expected.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html-expected.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<style>
+target1, target2, target3, target4 {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+target1 {
+ background-color: red;
+ border: 2px solid blue;
+ color: green;
+}
+target2 {
+ background-color: red;
+}
+target3 {
+ border: 2px solid blue;
+}
+target4 {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML.</p>
+ <div id="test-cases">
+ <target1 class="">Target</target1>
+ <target1>Target</target1>
+ <target1>Target</target1>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target1>Target</target1>
+ <target1>Target</target1>
+ <target1>Target</target1>
+ </xml>
+ </div>
+</body>
+<script>
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target2>Target</target2><target3>Target</target3><target4>Target</target4></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivityxmlinhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<style>
+target, Target, TARGET {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+target {
+ background-color: red;
+}
+Target {
+ border: 2px solid blue;
+}
+TARGET {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-insensitive for HTML, case-sensitive for XML.</p>
+ <div id="test-cases">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ </xml>
+ </div>
+</body>
+<script>
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target>Target</target><Target>Target</Target><TARGET>Target</TARGET></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+</script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivityxmlinxhtmlexpectedxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+target1, target2, target3, target4 {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+target1 {
+ background-color: red;
+}
+target2 {
+ border: 2px solid blue;
+}
+target3 {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <target1 class="">Target</target1>
+ <target2>Target</target2>
+ <target3>Target</target3>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target1>Target</target1>
+ <target2>Target</target2>
+ <target3>Target</target3>
+ </xml>
+ </div>
+</body>
+<script><![CDATA[
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target1>Target</target1><target2>Target</target2><target3>Target</target3></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+]]></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastcsstagnamecasesensitivityxmlinxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<style>
+target, Target, TARGET {
+ width: 100px;
+ height: 100px;
+ display: block;
+ float: left;
+ background-color: white;
+ color: white;
+ border: none;
+}
+target {
+ background-color: red;
+}
+Target {
+ border: 2px solid blue;
+}
+TARGET {
+ color: green;
+}
+</style>
+</head>
+<body>
+ <p>Test styling of elements using their local name. Matching the name should be case-sensitive for XHTML.</p>
+ <div id="test-cases">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <target>Target</target>
+ <Target>Target</Target>
+ <TARGET>Target</TARGET>
+ </xml>
+ </div>
+</body>
+<script><![CDATA[
+ var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><target>Target</target><Target>Target</Target><TARGET>Target</TARGET></xml>', 'text/xml');
+ var testCases = document.getElementById("test-cases");
+ testCases.appendChild(document.importNode(xmlDocument.documentElement, true));
+]]></script>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsfastdomcssdomread2expectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/dom/css-dom-read-2-expected.txt (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/dom/css-dom-read-2-expected.txt 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/LayoutTests/fast/dom/css-dom-read-2-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> .two { display: inline; }
</span><span class="cx"> .three { display: list-item; list-style-type: square; margin-left: 3em; }
</span><span class="cx"> .four { display: none; color: red; }
</span><del>-i { display: block; }
</del><ins>+I { display: block; }
</ins><span class="cx">
</span><span class="cx"> @import url("fancyfonts.css") screen;
</span><span class="cx"> @media print {
</span><span class="lines">@@ -45,6 +45,6 @@
</span><span class="cx"> .two { display: inline; }
</span><span class="cx"> .three { display: list-item; list-style-type: square; margin-left: 3em; }
</span><span class="cx"> .four { display: none; color: red; }
</span><del>-i { display: block; }
</del><ins>+I { display: block; }
</ins><span class="cx">
</span><span class="cx">
</span></span></pre></div>
<a id="trunkLayoutTestsfastdomcssdomreadexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/dom/css-dom-read-expected.txt (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/dom/css-dom-read-expected.txt 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/LayoutTests/fast/dom/css-dom-read-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -9,5 +9,5 @@
</span><span class="cx"> .two { display: inline; }
</span><span class="cx"> .three { display: list-item; list-style-type: square; margin-left: 3em; }
</span><span class="cx"> .four { display: none; color: red; }
</span><del>-i { display: block; }
</del><ins>+I { display: block; }
</ins><span class="cx">
</span></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-HTML with Element.closest().
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('target1').closest('Container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('CONTAINER').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('Container') is null
+PASS document.getElementById('target2').closest('container').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('CONTAINER') is null
+PASS document.getElementById('target3').closest('Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('CONTAINER').getAttribute('class') is "container1"
+
+Compound selectors.
+PASS document.getElementById('target1').closest('Container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('CONTAINER[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('Container[class^="container"]') is null
+PASS document.getElementById('target2').closest('container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('CONTAINER[class^="container"]') is null
+PASS document.getElementById('target3').closest('Container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('container[class^="container"]').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('CONTAINER[class^="container"]').getAttribute('class') is "container1"
+
+Complex selectors.
+PASS document.getElementById('target1').closest('div Container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('div container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('div CONTAINER').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('div Container') is null
+PASS document.getElementById('target2').closest('div container').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('div CONTAINER') is null
+PASS document.getElementById('target3').closest('div Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('div container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('div CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target3').closest('container > Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('CONTAINER > Container') is null
+PASS document.getElementById('target3').closest('Container > Container') is null
+PASS document.getElementById('target3').closest('CONTAINER > container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('Container > container') is null
+PASS document.getElementById('target3').closest('container > container') is null
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,93 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="test-cases" style="display:none;">
+ <CONTAINER class="container1">
+ <container class="container2">
+ <Container class="container3">
+ <target id="target1"></target>
+ </Container>
+ </container>
+ </CONTAINER>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <CONTAINER class="container1">
+ <container class="container2">
+ <Container class="container3">
+ <target id="target2"></target>
+ </Container>
+ </container>
+ </CONTAINER>
+ </svg>
+ </div>
+</body>
+<script>
+description("Test tagname's case-sensitivity when matching SVG-in-HTML with Element.closest().");
+
+var testCases = document.getElementById("test-cases");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><CONTAINER class="container1"><container class="container2"><Container class="container3"><target id="target3"></target></Container></container></CONTAINER></svg>', 'text/xml');
+testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function testSelector(sourceID, selector, expectedClass)
+{
+ if (expectedClass)
+ shouldBeEqualToString("document.getElementById('" + sourceID + "').closest('" + selector + "').getAttribute('class')", '' + expectedClass);
+ else
+ shouldBe("document.getElementById('" + sourceID + "').closest('" + selector + "')", "null");
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("target1", "Container", "container3");
+testSelector("target1", "container", "container3");
+testSelector("target1", "CONTAINER", "container3");
+
+testSelector("target2", "Container");
+testSelector("target2", "container", "container3");
+testSelector("target2", "CONTAINER");
+
+testSelector("target3", "Container", "container3");
+testSelector("target3", "container", "container2");
+testSelector("target3", "CONTAINER", "container1");
+
+debug("");
+debug("Compound selectors.");
+testSelector("target1", "Container[class^=\"container\"]", "container3");
+testSelector("target1", "container[class^=\"container\"]", "container3");
+testSelector("target1", "CONTAINER[class^=\"container\"]", "container3");
+
+testSelector("target2", "Container[class^=\"container\"]");
+testSelector("target2", "container[class^=\"container\"]", "container3");
+testSelector("target2", "CONTAINER[class^=\"container\"]");
+
+testSelector("target3", "Container[class^=\"container\"]", "container3");
+testSelector("target3", "container[class^=\"container\"]", "container2");
+testSelector("target3", "CONTAINER[class^=\"container\"]", "container1");
+
+
+debug("");
+debug("Complex selectors.");
+testSelector("target1", "div Container", "container3");
+testSelector("target1", "div container", "container3");
+testSelector("target1", "div CONTAINER", "container3");
+
+testSelector("target2", "div Container");
+testSelector("target2", "div container", "container3");
+testSelector("target2", "div CONTAINER");
+
+testSelector("target3", "div Container", "container3");
+testSelector("target3", "div container", "container2");
+testSelector("target3", "div CONTAINER", "container1");
+
+testSelector("target3", "container > Container", "container3");
+testSelector("target3", "CONTAINER > Container");
+testSelector("target3", "Container > Container");
+testSelector("target3", "CONTAINER > container", "container2");
+testSelector("target3", "Container > container");
+testSelector("target3", "container > container");
+
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginxhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-XHTML with Element.closest().
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('target1').closest('Container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('container').getAttribute('class') is "container2"
+PASS document.getElementById('target1').closest('CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target2').closest('Container').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('container').getAttribute('class') is "container2"
+PASS document.getElementById('target2').closest('CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target3').closest('Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('CONTAINER').getAttribute('class') is "container1"
+
+Compound selectors.
+PASS document.getElementById('target1').closest('Container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('container[class^="container"]').getAttribute('class') is "container2"
+PASS document.getElementById('target1').closest('CONTAINER[class^="container"]').getAttribute('class') is "container1"
+PASS document.getElementById('target2').closest('Container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('container[class^="container"]').getAttribute('class') is "container2"
+PASS document.getElementById('target2').closest('CONTAINER[class^="container"]').getAttribute('class') is "container1"
+PASS document.getElementById('target3').closest('Container[class^="container"]').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('container[class^="container"]').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('CONTAINER[class^="container"]').getAttribute('class') is "container1"
+
+Complex selectors.
+PASS document.getElementById('target1').closest('div Container').getAttribute('class') is "container3"
+PASS document.getElementById('target1').closest('div container').getAttribute('class') is "container2"
+PASS document.getElementById('target1').closest('div CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target2').closest('div Container').getAttribute('class') is "container3"
+PASS document.getElementById('target2').closest('div container').getAttribute('class') is "container2"
+PASS document.getElementById('target2').closest('div CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target3').closest('div Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('div container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('div CONTAINER').getAttribute('class') is "container1"
+PASS document.getElementById('target3').closest('container > Container').getAttribute('class') is "container3"
+PASS document.getElementById('target3').closest('CONTAINER > Container') is null
+PASS document.getElementById('target3').closest('Container > Container') is null
+PASS document.getElementById('target3').closest('CONTAINER > container').getAttribute('class') is "container2"
+PASS document.getElementById('target3').closest('Container > container') is null
+PASS document.getElementById('target3').closest('container > container') is null
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementclosesttagnamecasesensitivitysvginxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,92 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="test-cases" style="display:none;">
+ <CONTAINER class="container1">
+ <container class="container2">
+ <Container class="container3">
+ <target id="target1"></target>
+ </Container>
+ </container>
+ </CONTAINER>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <CONTAINER class="container1">
+ <container class="container2">
+ <Container class="container3">
+ <target id="target2"></target>
+ </Container>
+ </container>
+ </CONTAINER>
+ </svg>
+ </div>
+</body>
+<script><![CDATA[
+description("Test tagname's case-sensitivity when matching SVG-in-XHTML with Element.closest().");
+
+var testCases = document.getElementById("test-cases");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><CONTAINER class="container1"><container class="container2"><Container class="container3"><target id="target3"></target></Container></container></CONTAINER></svg>', 'text/xml');
+testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function testSelector(sourceID, selector, expectedClass)
+{
+ if (expectedClass)
+ shouldBeEqualToString("document.getElementById('" + sourceID + "').closest('" + selector + "').getAttribute('class')", '' + expectedClass);
+ else
+ shouldBe("document.getElementById('" + sourceID + "').closest('" + selector + "')", "null");
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("target1", "Container", "container3");
+testSelector("target1", "container", "container2");
+testSelector("target1", "CONTAINER", "container1");
+
+testSelector("target2", "Container", "container3");
+testSelector("target2", "container", "container2");
+testSelector("target2", "CONTAINER", "container1");
+
+testSelector("target3", "Container", "container3");
+testSelector("target3", "container", "container2");
+testSelector("target3", "CONTAINER", "container1");
+
+debug("");
+debug("Compound selectors.");
+testSelector("target1", "Container[class^=\"container\"]", "container3");
+testSelector("target1", "container[class^=\"container\"]", "container2");
+testSelector("target1", "CONTAINER[class^=\"container\"]", "container1");
+
+testSelector("target2", "Container[class^=\"container\"]", "container3");
+testSelector("target2", "container[class^=\"container\"]", "container2");
+testSelector("target2", "CONTAINER[class^=\"container\"]", "container1");
+
+testSelector("target3", "Container[class^=\"container\"]", "container3");
+testSelector("target3", "container[class^=\"container\"]", "container2");
+testSelector("target3", "CONTAINER[class^=\"container\"]", "container1");
+
+debug("");
+debug("Complex selectors.");
+testSelector("target1", "div Container", "container3");
+testSelector("target1", "div container", "container2");
+testSelector("target1", "div CONTAINER", "container1");
+
+testSelector("target2", "div Container", "container3");
+testSelector("target2", "div container", "container2");
+testSelector("target2", "div CONTAINER", "container1");
+
+testSelector("target3", "div Container", "container3");
+testSelector("target3", "div container", "container2");
+testSelector("target3", "div CONTAINER", "container1");
+
+testSelector("target3", "container > Container", "container3");
+testSelector("target3", "CONTAINER > Container");
+testSelector("target3", "Container > Container");
+testSelector("target3", "CONTAINER > container", "container2");
+testSelector("target3", "Container > container");
+testSelector("target3", "container > container");
+
+]]></script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-HTML with Element.matches().
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('container1').matches('Container') is true
+PASS document.getElementById('container1').matches('container') is true
+PASS document.getElementById('container1').matches('CONTAINER') is true
+PASS document.getElementById('container2').matches('Container') is true
+PASS document.getElementById('container2').matches('container') is true
+PASS document.getElementById('container2').matches('CONTAINER') is true
+PASS document.getElementById('container3').matches('Container') is true
+PASS document.getElementById('container3').matches('container') is true
+PASS document.getElementById('container3').matches('CONTAINER') is true
+PASS document.getElementById('container4').matches('Container') is false
+PASS document.getElementById('container4').matches('container') is true
+PASS document.getElementById('container4').matches('CONTAINER') is false
+PASS document.getElementById('container5').matches('Container') is false
+PASS document.getElementById('container5').matches('container') is true
+PASS document.getElementById('container5').matches('CONTAINER') is false
+PASS document.getElementById('container6').matches('Container') is false
+PASS document.getElementById('container6').matches('container') is true
+PASS document.getElementById('container6').matches('CONTAINER') is false
+PASS document.getElementById('container7').matches('Container') is false
+PASS document.getElementById('container7').matches('container') is false
+PASS document.getElementById('container7').matches('CONTAINER') is true
+PASS document.getElementById('container8').matches('Container') is false
+PASS document.getElementById('container8').matches('container') is true
+PASS document.getElementById('container8').matches('CONTAINER') is false
+PASS document.getElementById('container9').matches('Container') is true
+PASS document.getElementById('container9').matches('container') is false
+PASS document.getElementById('container9').matches('CONTAINER') is false
+
+Complex selectors
+PASS document.getElementById('container1').matches('div Container') is true
+PASS document.getElementById('container1').matches('div container') is true
+PASS document.getElementById('container1').matches('div CONTAINER') is true
+PASS document.getElementById('container2').matches('div Container') is true
+PASS document.getElementById('container2').matches('div container') is true
+PASS document.getElementById('container2').matches('div CONTAINER') is true
+PASS document.getElementById('container3').matches('div Container') is true
+PASS document.getElementById('container3').matches('div container') is true
+PASS document.getElementById('container3').matches('div CONTAINER') is true
+PASS document.getElementById('container4').matches('div Container') is false
+PASS document.getElementById('container4').matches('div container') is true
+PASS document.getElementById('container4').matches('div CONTAINER') is false
+PASS document.getElementById('container5').matches('div Container') is false
+PASS document.getElementById('container5').matches('div container') is true
+PASS document.getElementById('container5').matches('div CONTAINER') is false
+PASS document.getElementById('container6').matches('div Container') is false
+PASS document.getElementById('container6').matches('div container') is true
+PASS document.getElementById('container6').matches('div CONTAINER') is false
+PASS document.getElementById('container7').matches('div Container') is false
+PASS document.getElementById('container7').matches('div container') is false
+PASS document.getElementById('container7').matches('div CONTAINER') is true
+PASS document.getElementById('container8').matches('div Container') is false
+PASS document.getElementById('container8').matches('div container') is true
+PASS document.getElementById('container8').matches('div CONTAINER') is false
+PASS document.getElementById('container9').matches('div Container') is true
+PASS document.getElementById('container9').matches('div container') is false
+PASS document.getElementById('container9').matches('div CONTAINER') is false
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,118 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="test-cases" style="display:none;">
+ <CONTAINER id="container1">
+ <container id="container2">
+ <Container id="container3">
+ </Container>
+ </container>
+ </CONTAINER>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <CONTAINER id="container4">
+ <container id="container5">
+ <Container id="container6">
+ </Container>
+ </container>
+ </CONTAINER>
+ </svg>
+ </div>
+</body>
+<script>
+description("Test tagname's case-sensitivity when matching SVG-in-HTML with Element.matches().");
+
+var testCases = document.getElementById("test-cases");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><CONTAINER id="container7"><container id="container8"><Container id="container9"></Container></container></CONTAINER></svg>', 'text/xml');
+testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function shouldMatch(sourceID, selector)
+{
+ shouldBeTrue("document.getElementById('" + sourceID + "').matches('" + selector + "')")
+}
+
+function shouldNotMatch(sourceID, selector)
+{
+ shouldBeFalse("document.getElementById('" + sourceID + "').matches('" + selector + "')")
+}
+
+debug("Basic cases, tagname alone.");
+shouldMatch("container1", "Container");
+shouldMatch("container1", "container");
+shouldMatch("container1", "CONTAINER");
+
+shouldMatch("container2", "Container");
+shouldMatch("container2", "container");
+shouldMatch("container2", "CONTAINER");
+
+shouldMatch("container3", "Container");
+shouldMatch("container3", "container");
+shouldMatch("container3", "CONTAINER");
+
+shouldNotMatch("container4", "Container");
+shouldMatch("container4", "container");
+shouldNotMatch("container4", "CONTAINER");
+
+shouldNotMatch("container5", "Container");
+shouldMatch("container5", "container");
+shouldNotMatch("container5", "CONTAINER");
+
+shouldNotMatch("container6", "Container");
+shouldMatch("container6", "container");
+shouldNotMatch("container6", "CONTAINER");
+
+shouldNotMatch("container7", "Container");
+shouldNotMatch("container7", "container");
+shouldMatch("container7", "CONTAINER");
+
+shouldNotMatch("container8", "Container");
+shouldMatch("container8", "container");
+shouldNotMatch("container8", "CONTAINER");
+
+shouldMatch("container9", "Container");
+shouldNotMatch("container9", "container");
+shouldNotMatch("container9", "CONTAINER");
+
+debug("");
+debug("Complex selectors");
+shouldMatch("container1", "div Container");
+shouldMatch("container1", "div container");
+shouldMatch("container1", "div CONTAINER");
+
+shouldMatch("container2", "div Container");
+shouldMatch("container2", "div container");
+shouldMatch("container2", "div CONTAINER");
+
+shouldMatch("container3", "div Container");
+shouldMatch("container3", "div container");
+shouldMatch("container3", "div CONTAINER");
+
+shouldNotMatch("container4", "div Container");
+shouldMatch("container4", "div container");
+shouldNotMatch("container4", "div CONTAINER");
+
+shouldNotMatch("container5", "div Container");
+shouldMatch("container5", "div container");
+shouldNotMatch("container5", "div CONTAINER");
+
+shouldNotMatch("container6", "div Container");
+shouldMatch("container6", "div container");
+shouldNotMatch("container6", "div CONTAINER");
+
+shouldNotMatch("container7", "div Container");
+shouldNotMatch("container7", "div container");
+shouldMatch("container7", "div CONTAINER");
+
+shouldNotMatch("container8", "div Container");
+shouldMatch("container8", "div container");
+shouldNotMatch("container8", "div CONTAINER");
+
+shouldMatch("container9", "div Container");
+shouldNotMatch("container9", "div container");
+shouldNotMatch("container9", "div CONTAINER");
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginxhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-XHTML with Element.matches().
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('container1').matches('Container') is false
+PASS document.getElementById('container1').matches('container') is false
+PASS document.getElementById('container1').matches('CONTAINER') is true
+PASS document.getElementById('container2').matches('Container') is false
+PASS document.getElementById('container2').matches('container') is true
+PASS document.getElementById('container2').matches('CONTAINER') is false
+PASS document.getElementById('container3').matches('Container') is true
+PASS document.getElementById('container3').matches('container') is false
+PASS document.getElementById('container3').matches('CONTAINER') is false
+PASS document.getElementById('container4').matches('Container') is false
+PASS document.getElementById('container4').matches('container') is false
+PASS document.getElementById('container4').matches('CONTAINER') is true
+PASS document.getElementById('container5').matches('Container') is false
+PASS document.getElementById('container5').matches('container') is true
+PASS document.getElementById('container5').matches('CONTAINER') is false
+PASS document.getElementById('container6').matches('Container') is true
+PASS document.getElementById('container6').matches('container') is false
+PASS document.getElementById('container6').matches('CONTAINER') is false
+PASS document.getElementById('container7').matches('Container') is false
+PASS document.getElementById('container7').matches('container') is false
+PASS document.getElementById('container7').matches('CONTAINER') is true
+PASS document.getElementById('container8').matches('Container') is false
+PASS document.getElementById('container8').matches('container') is true
+PASS document.getElementById('container8').matches('CONTAINER') is false
+PASS document.getElementById('container9').matches('Container') is true
+PASS document.getElementById('container9').matches('container') is false
+PASS document.getElementById('container9').matches('CONTAINER') is false
+
+Complex selectors
+PASS document.getElementById('container1').matches('div Container') is false
+PASS document.getElementById('container1').matches('div container') is false
+PASS document.getElementById('container1').matches('div CONTAINER') is true
+PASS document.getElementById('container2').matches('div Container') is false
+PASS document.getElementById('container2').matches('div container') is true
+PASS document.getElementById('container2').matches('div CONTAINER') is false
+PASS document.getElementById('container3').matches('div Container') is true
+PASS document.getElementById('container3').matches('div container') is false
+PASS document.getElementById('container3').matches('div CONTAINER') is false
+PASS document.getElementById('container4').matches('div Container') is false
+PASS document.getElementById('container4').matches('div container') is false
+PASS document.getElementById('container4').matches('div CONTAINER') is true
+PASS document.getElementById('container5').matches('div Container') is false
+PASS document.getElementById('container5').matches('div container') is true
+PASS document.getElementById('container5').matches('div CONTAINER') is false
+PASS document.getElementById('container6').matches('div Container') is true
+PASS document.getElementById('container6').matches('div container') is false
+PASS document.getElementById('container6').matches('div CONTAINER') is false
+PASS document.getElementById('container7').matches('div Container') is false
+PASS document.getElementById('container7').matches('div container') is false
+PASS document.getElementById('container7').matches('div CONTAINER') is true
+PASS document.getElementById('container8').matches('div Container') is false
+PASS document.getElementById('container8').matches('div container') is true
+PASS document.getElementById('container8').matches('div CONTAINER') is false
+PASS document.getElementById('container9').matches('div Container') is true
+PASS document.getElementById('container9').matches('div container') is false
+PASS document.getElementById('container9').matches('div CONTAINER') is false
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorselementmatchestagnamecasesensitivitysvginxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,118 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="test-cases" style="display:none;">
+ <CONTAINER id="container1">
+ <container id="container2">
+ <Container id="container3">
+ </Container>
+ </container>
+ </CONTAINER>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <CONTAINER id="container4">
+ <container id="container5">
+ <Container id="container6">
+ </Container>
+ </container>
+ </CONTAINER>
+ </svg>
+ </div>
+</body>
+<script><![CDATA[
+description("Test tagname's case-sensitivity when matching SVG-in-XHTML with Element.matches().");
+
+var testCases = document.getElementById("test-cases");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><CONTAINER id="container7"><container id="container8"><Container id="container9"></Container></container></CONTAINER></svg>', 'text/xml');
+testCases.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function shouldMatch(sourceID, selector)
+{
+ shouldBeTrue("document.getElementById('" + sourceID + "').matches('" + selector + "')")
+}
+
+function shouldNotMatch(sourceID, selector)
+{
+ shouldBeFalse("document.getElementById('" + sourceID + "').matches('" + selector + "')")
+}
+
+debug("Basic cases, tagname alone.");
+shouldNotMatch("container1", "Container");
+shouldNotMatch("container1", "container");
+shouldMatch("container1", "CONTAINER");
+
+shouldNotMatch("container2", "Container");
+shouldMatch("container2", "container");
+shouldNotMatch("container2", "CONTAINER");
+
+shouldMatch("container3", "Container");
+shouldNotMatch("container3", "container");
+shouldNotMatch("container3", "CONTAINER");
+
+shouldNotMatch("container4", "Container");
+shouldNotMatch("container4", "container");
+shouldMatch("container4", "CONTAINER");
+
+shouldNotMatch("container5", "Container");
+shouldMatch("container5", "container");
+shouldNotMatch("container5", "CONTAINER");
+
+shouldMatch("container6", "Container");
+shouldNotMatch("container6", "container");
+shouldNotMatch("container6", "CONTAINER");
+
+shouldNotMatch("container7", "Container");
+shouldNotMatch("container7", "container");
+shouldMatch("container7", "CONTAINER");
+
+shouldNotMatch("container8", "Container");
+shouldMatch("container8", "container");
+shouldNotMatch("container8", "CONTAINER");
+
+shouldMatch("container9", "Container");
+shouldNotMatch("container9", "container");
+shouldNotMatch("container9", "CONTAINER");
+
+debug("");
+debug("Complex selectors");
+shouldNotMatch("container1", "div Container");
+shouldNotMatch("container1", "div container");
+shouldMatch("container1", "div CONTAINER");
+
+shouldNotMatch("container2", "div Container");
+shouldMatch("container2", "div container");
+shouldNotMatch("container2", "div CONTAINER");
+
+shouldMatch("container3", "div Container");
+shouldNotMatch("container3", "div container");
+shouldNotMatch("container3", "div CONTAINER");
+
+shouldNotMatch("container4", "div Container");
+shouldNotMatch("container4", "div container");
+shouldMatch("container4", "div CONTAINER");
+
+shouldNotMatch("container5", "div Container");
+shouldMatch("container5", "div container");
+shouldNotMatch("container5", "div CONTAINER");
+
+shouldMatch("container6", "div Container");
+shouldNotMatch("container6", "div container");
+shouldNotMatch("container6", "div CONTAINER");
+
+shouldNotMatch("container7", "div Container");
+shouldNotMatch("container7", "div container");
+shouldMatch("container7", "div CONTAINER");
+
+shouldNotMatch("container8", "div Container");
+shouldMatch("container8", "div container");
+shouldNotMatch("container8", "div CONTAINER");
+
+shouldMatch("container9", "div Container");
+shouldNotMatch("container9", "div container");
+shouldNotMatch("container9", "div CONTAINER");
+]]></script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,448 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-HTML with querySelector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('with-renderer').querySelectorAll('rect').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('Rect').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('RECT').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[3].getAttribute('class') is "target9"
+
+Compound selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[3].getAttribute('class') is "target9"
+
+Complex selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('svg > rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('svg > rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[3].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[3].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > Rect[class]').length is 1
+PASS document.getElementById('without-renderer').querySelectorAll('svg > Rect[class]').length is 1
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class]')[0].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class]')[0].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > RECT[class]').length is 1
+PASS document.getElementById('without-renderer').querySelectorAll('svg > RECT[class]').length is 1
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class]')[0].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class]')[0].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('svg > rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[3].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[3].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > Rect[class^="target"]').length is 1
+PASS document.getElementById('without-renderer').querySelectorAll('svg > Rect[class^="target"]').length is 1
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class^="target"]')[0].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class^="target"]')[0].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > RECT[class^="target"]').length is 1
+PASS document.getElementById('without-renderer').querySelectorAll('svg > RECT[class^="target"]').length is 1
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class^="target"]')[0].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class^="target"]')[0].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[3].getAttribute('class') is "target9"
+
+With functional pseudo classes.
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[3].getAttribute('class') is "target9"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="with-renderer">
+ <!-- With renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </svg>
+ </div>
+ <div id="without-renderer" style="display:none;">
+ <!-- Without renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </svg>
+ </div>
+</body>
+<script>
+description("Test tagname's case-sensitivity when matching SVG-in-HTML with querySelector.");
+
+var withRenderer = document.getElementById("with-renderer");
+var withoutRenderer = document.getElementById("without-renderer");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect class="target7"></rect><Rect class="target8"></Rect><RECT class="target9"></RECT></svg>', 'text/xml');
+withRenderer.appendChild(document.importNode(svgDocument.documentElement, true));
+withoutRenderer.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function testSelector(selector, expectedClasses)
+{
+ shouldBe("document.getElementById('with-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ shouldBe("document.getElementById('without-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ for (var i = 0; i < expectedClasses.length; ++i) {
+ shouldBeEqualToString("document.getElementById(\"with-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ shouldBeEqualToString("document.getElementById(\"without-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ }
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("rect", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect", [1, 2, 3, 8]);
+testSelector("RECT", [1, 2, 3, 9]);
+
+debug("");
+debug("Compound selectors.");
+testSelector("rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect[class]", [1, 2, 3, 8]);
+testSelector("RECT[class]", [1, 2, 3, 9]);
+testSelector("rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect[class^=\"target\"]", [1, 2, 3, 8]);
+testSelector("RECT[class^=\"target\"]", [1, 2, 3, 9]);
+
+debug("");
+debug("Complex selectors.");
+testSelector("svg > rect[class]", [4, 5, 6, 7]);
+testSelector("svg > Rect[class]", [8]);
+testSelector("svg > RECT[class]", [9]);
+testSelector("svg > rect[class^=\"target\"]", [4, 5, 6, 7]);
+testSelector("svg > Rect[class^=\"target\"]", [8]);
+testSelector("svg > RECT[class^=\"target\"]", [9]);
+
+testSelector("div rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("div Rect[class]", [1, 2, 3, 8]);
+testSelector("div RECT[class]", [1, 2, 3, 9]);
+testSelector("div rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("div Rect[class^=\"target\"]", [1, 2, 3, 8]);
+testSelector("div RECT[class^=\"target\"]", [1, 2, 3, 9]);
+
+testSelector(":root div rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div Rect[class]", [1, 2, 3, 8]);
+testSelector(":root div RECT[class]", [1, 2, 3, 9]);
+testSelector(":root div rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div Rect[class^=\"target\"]", [1, 2, 3, 8]);
+testSelector(":root div RECT[class^=\"target\"]", [1, 2, 3, 9]);
+
+debug("");
+debug("With functional pseudo classes.");
+testSelector(":root div :matches(not-there, rect[class])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :matches(not-there, Rect[class])", [1, 2, 3, 8]);
+testSelector(":root div :matches(not-there, RECT[class])", [1, 2, 3, 9]);
+testSelector(":root div :matches(not-there, rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :matches(not-there, Rect[class^=\"target\"])", [1, 2, 3, 8]);
+testSelector(":root div :matches(not-there, RECT[class^=\"target\"])", [1, 2, 3, 9]);
+
+testSelector(":root div :nth-child(n of not-there, rect[class])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class])", [1, 2, 3, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class])", [1, 2, 3, 9]);
+testSelector(":root div :nth-child(n of not-there, rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class^=\"target\"])", [1, 2, 3, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class^=\"target\"])", [1, 2, 3, 9]);
+
+// Remove the content otherwise it will appear in the results.
+withRenderer.style.display = 'none';
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginxhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,316 @@
</span><ins>+Test tagname's case-sensitivity when matching SVG-in-XHTML with querySelector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('with-renderer').querySelectorAll('rect').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target9"
+
+Compound selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target9"
+
+Complex selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('svg > rect[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > rect[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class]')[1].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class]')[1].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > Rect[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > Rect[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class]')[1].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class]')[1].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > RECT[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > RECT[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class]')[1].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class]')[1].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > rect[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > rect[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > rect[class^="target"]')[1].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > rect[class^="target"]')[1].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > Rect[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > Rect[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class^="target"]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class^="target"]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > Rect[class^="target"]')[1].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > Rect[class^="target"]')[1].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('svg > RECT[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('svg > RECT[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class^="target"]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class^="target"]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('svg > RECT[class^="target"]')[1].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('svg > RECT[class^="target"]')[1].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+
+With functional pseudo classes.
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivitysvginxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="with-renderer">
+ <!-- With renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </svg>
+ </div>
+ <div id="without-renderer" style="display:none;">
+ <!-- Without renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <svg xmlns="http://www.w3.org/2000/svg">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </svg>
+ </div>
+</body>
+<script><![CDATA[
+description("Test tagname's case-sensitivity when matching SVG-in-XHTML with querySelector.");
+
+var withRenderer = document.getElementById("with-renderer");
+var withoutRenderer = document.getElementById("without-renderer");
+
+var svgDocument = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg"><rect class="target7"></rect><Rect class="target8"></Rect><RECT class="target9"></RECT></svg>', 'text/xml');
+withRenderer.appendChild(document.importNode(svgDocument.documentElement, true));
+withoutRenderer.appendChild(document.importNode(svgDocument.documentElement, true));
+
+function testSelector(selector, expectedClasses)
+{
+ shouldBe("document.getElementById('with-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ shouldBe("document.getElementById('without-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ for (var i = 0; i < expectedClasses.length; ++i) {
+ shouldBeEqualToString("document.getElementById(\"with-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ shouldBeEqualToString("document.getElementById(\"without-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ }
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("rect", [1, 4, 7]);
+testSelector("Rect", [2, 5, 8]);
+testSelector("RECT", [3, 6, 9]);
+
+debug("");
+debug("Compound selectors.");
+testSelector("rect[class]", [1, 4, 7]);
+testSelector("Rect[class]", [2, 5, 8]);
+testSelector("RECT[class]", [3, 6, 9]);
+testSelector("rect[class^=\"target\"]", [1, 4, 7]);
+testSelector("Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector("RECT[class^=\"target\"]", [3, 6, 9]);
+
+debug("");
+debug("Complex selectors.");
+testSelector("svg > rect[class]", [4, 7]);
+testSelector("svg > Rect[class]", [5, 8]);
+testSelector("svg > RECT[class]", [6, 9]);
+testSelector("svg > rect[class^=\"target\"]", [4, 7]);
+testSelector("svg > Rect[class^=\"target\"]", [5, 8]);
+testSelector("svg > RECT[class^=\"target\"]", [6, 9]);
+
+testSelector("div rect[class]", [1, 4, 7]);
+testSelector("div Rect[class]", [2, 5, 8]);
+testSelector("div RECT[class]", [3, 6, 9]);
+testSelector("div rect[class^=\"target\"]", [1, 4, 7]);
+testSelector("div Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector("div RECT[class^=\"target\"]", [3, 6, 9]);
+
+testSelector(":root div rect[class]", [1, 4, 7]);
+testSelector(":root div Rect[class]", [2, 5, 8]);
+testSelector(":root div RECT[class]", [3, 6, 9]);
+testSelector(":root div rect[class^=\"target\"]", [1, 4, 7]);
+testSelector(":root div Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector(":root div RECT[class^=\"target\"]", [3, 6, 9]);
+
+debug("");
+debug("With functional pseudo classes.");
+testSelector(":root div :matches(not-there, rect[class])", [1, 4, 7]);
+testSelector(":root div :matches(not-there, Rect[class])", [2, 5, 8]);
+testSelector(":root div :matches(not-there, RECT[class])", [3, 6, 9]);
+testSelector(":root div :matches(not-there, rect[class^=\"target\"])", [1, 4, 7]);
+testSelector(":root div :matches(not-there, Rect[class^=\"target\"])", [2, 5, 8]);
+testSelector(":root div :matches(not-there, RECT[class^=\"target\"])", [3, 6, 9]);
+
+testSelector(":root div :nth-child(n of not-there, rect[class])", [1, 4, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class])", [2, 5, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class])", [3, 6, 9]);
+testSelector(":root div :nth-child(n of not-there, rect[class^=\"target\"])", [1, 4, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class^=\"target\"])", [2, 5, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class^=\"target\"])", [3, 6, 9]);
+
+// Remove the content otherwise it will appear in the results.
+withRenderer.style.display = 'none';
+]]></script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,604 @@
</span><ins>+Test tagname's case-sensitivity when matching XML-in-HTML with querySelector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('with-renderer').querySelectorAll('rect').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('Rect').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('RECT').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[6].getAttribute('class') is "target9"
+
+Compound selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[6].getAttribute('class') is "target9"
+
+Complex selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('xml > rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[3].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[3].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > Rect[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > Rect[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > RECT[class]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > RECT[class]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[3].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[3].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > Rect[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > Rect[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[3].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > RECT[class^="target"]').length is 4
+PASS document.getElementById('without-renderer').querySelectorAll('xml > RECT[class^="target"]').length is 4
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[2].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[3].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[6].getAttribute('class') is "target9"
+
+With functional pseudo classes.
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[6].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[6].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[6].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[6].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 7
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 7
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[3].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[4].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[5].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[6].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[6].getAttribute('class') is "target9"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="with-renderer">
+ <!-- With renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </xml>
+ </div>
+ <div id="without-renderer" style="display:none;">
+ <!-- Without renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </xml>
+ </div>
+</body>
+<script>
+description("Test tagname's case-sensitivity when matching XML-in-HTML with querySelector.");
+
+var withRenderer = document.getElementById("with-renderer");
+var withoutRenderer = document.getElementById("without-renderer");
+
+var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><rect class="target7"></rect><Rect class="target8"></Rect><RECT class="target9"></RECT></xml>', 'text/xml');
+withRenderer.appendChild(document.importNode(xmlDocument.documentElement, true));
+withoutRenderer.appendChild(document.importNode(xmlDocument.documentElement, true));
+
+function testSelector(selector, expectedClasses)
+{
+ shouldBe("document.getElementById('with-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ shouldBe("document.getElementById('without-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ for (var i = 0; i < expectedClasses.length; ++i) {
+ shouldBeEqualToString("document.getElementById(\"with-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ shouldBeEqualToString("document.getElementById(\"without-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ }
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("rect", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect", [1, 2, 3, 4, 5, 6, 8]);
+testSelector("RECT", [1, 2, 3, 4, 5, 6, 9]);
+
+debug("");
+debug("Compound selectors.");
+testSelector("rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect[class]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector("RECT[class]", [1, 2, 3, 4, 5, 6, 9]);
+testSelector("rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("Rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector("RECT[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 9]);
+
+debug("");
+debug("Complex selectors.");
+testSelector("xml > rect[class]", [4, 5, 6, 7]);
+testSelector("xml > Rect[class]", [4, 5, 6, 8]);
+testSelector("xml > RECT[class]", [4, 5, 6, 9]);
+testSelector("xml > rect[class^=\"target\"]", [4, 5, 6, 7]);
+testSelector("xml > Rect[class^=\"target\"]", [4, 5, 6, 8]);
+testSelector("xml > RECT[class^=\"target\"]", [4, 5, 6, 9]);
+
+testSelector("div rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("div Rect[class]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector("div RECT[class]", [1, 2, 3, 4, 5, 6, 9]);
+testSelector("div rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector("div Rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector("div RECT[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 9]);
+
+testSelector(":root div rect[class]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div Rect[class]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div RECT[class]", [1, 2, 3, 4, 5, 6, 9]);
+testSelector(":root div rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div Rect[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div RECT[class^=\"target\"]", [1, 2, 3, 4, 5, 6, 9]);
+
+debug("");
+debug("With functional pseudo classes.");
+testSelector(":root div :matches(not-there, rect[class])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :matches(not-there, Rect[class])", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div :matches(not-there, RECT[class])", [1, 2, 3, 4, 5, 6, 9]);
+testSelector(":root div :matches(not-there, rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :matches(not-there, Rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div :matches(not-there, RECT[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 9]);
+
+testSelector(":root div :nth-child(n of not-there, rect[class])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class])", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class])", [1, 2, 3, 4, 5, 6, 9]);
+testSelector(":root div :nth-child(n of not-there, rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class^=\"target\"])", [1, 2, 3, 4, 5, 6, 9]);
+
+// Remove the content otherwise it will appear in the results.
+withRenderer.style.display = 'none';
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinxhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,316 @@
</span><ins>+Test tagname's case-sensitivity when matching XML-in-XHTML with querySelector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Basic cases, tagname alone.
+PASS document.getElementById('with-renderer').querySelectorAll('rect').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT')[2].getAttribute('class') is "target9"
+
+Compound selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('RECT[class^="target"]')[2].getAttribute('class') is "target9"
+
+Complex selectors.
+PASS document.getElementById('with-renderer').querySelectorAll('xml > rect[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > rect[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class]')[1].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class]')[1].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > Rect[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > Rect[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class]')[1].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class]')[1].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > RECT[class]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > RECT[class]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class]')[1].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class]')[1].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > rect[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > rect[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[0].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > rect[class^="target"]')[1].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > rect[class^="target"]')[1].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > Rect[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > Rect[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[0].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > Rect[class^="target"]')[1].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > Rect[class^="target"]')[1].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('xml > RECT[class^="target"]').length is 2
+PASS document.getElementById('without-renderer').querySelectorAll('xml > RECT[class^="target"]').length is 2
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[0].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('xml > RECT[class^="target"]')[1].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('xml > RECT[class^="target"]')[1].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll('div rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll('div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll('div Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll('div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll('div RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll('div RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll('div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class]')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div rect[class^="target"]')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div Rect[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div Rect[class^="target"]')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div RECT[class^="target"]').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div RECT[class^="target"]')[2].getAttribute('class') is "target9"
+
+With functional pseudo classes.
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :matches(not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :matches(not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class])')[2].getAttribute('class') is "target9"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[0].getAttribute('class') is "target1"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[1].getAttribute('class') is "target4"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, rect[class^="target"])')[2].getAttribute('class') is "target7"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[0].getAttribute('class') is "target2"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[1].getAttribute('class') is "target5"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, Rect[class^="target"])')[2].getAttribute('class') is "target8"
+PASS document.getElementById('with-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById('without-renderer').querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])').length is 3
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[0].getAttribute('class') is "target3"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[1].getAttribute('class') is "target6"
+PASS document.getElementById("with-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS document.getElementById("without-renderer").querySelectorAll(':root div :nth-child(n of not-there, RECT[class^="target"])')[2].getAttribute('class') is "target9"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorsquerySelectortagnamecasesensitivityxmlinxhtmlxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml (rev 0)
+++ trunk/LayoutTests/fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div id="with-renderer">
+ <!-- With renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </xml>
+ </div>
+ <div id="without-renderer" style="display:none;">
+ <!-- Without renderer -->
+ <rect class="target1"></rect>
+ <Rect class="target2"></Rect>
+ <RECT class="target3"></RECT>
+ <xml xmlns="https://www.webkit.org/awesome">
+ <rect class="target4"></rect>
+ <Rect class="target5"></Rect>
+ <RECT class="target6"></RECT>
+ </xml>
+ </div>
+</body>
+<script><![CDATA[
+description("Test tagname's case-sensitivity when matching XML-in-XHTML with querySelector.");
+
+var withRenderer = document.getElementById("with-renderer");
+var withoutRenderer = document.getElementById("without-renderer");
+
+var xmlDocument = new DOMParser().parseFromString('<xml xmlns="https://www.webkit.org/awesome"><rect class="target7"></rect><Rect class="target8"></Rect><RECT class="target9"></RECT></xml>', 'text/xml');
+withRenderer.appendChild(document.importNode(xmlDocument.documentElement, true));
+withoutRenderer.appendChild(document.importNode(xmlDocument.documentElement, true));
+
+function testSelector(selector, expectedClasses)
+{
+ shouldBe("document.getElementById('with-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ shouldBe("document.getElementById('without-renderer').querySelectorAll('" + selector + "').length", '' + expectedClasses.length);
+ for (var i = 0; i < expectedClasses.length; ++i) {
+ shouldBeEqualToString("document.getElementById(\"with-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ shouldBeEqualToString("document.getElementById(\"without-renderer\").querySelectorAll('" + selector + "')[" + i + "].getAttribute('class')", "target" + expectedClasses[i]);
+ }
+}
+
+debug("Basic cases, tagname alone.");
+testSelector("rect", [1, 4, 7]);
+testSelector("Rect", [2, 5, 8]);
+testSelector("RECT", [3, 6, 9]);
+
+debug("");
+debug("Compound selectors.");
+testSelector("rect[class]", [1, 4, 7]);
+testSelector("Rect[class]", [2, 5, 8]);
+testSelector("RECT[class]", [3, 6, 9]);
+testSelector("rect[class^=\"target\"]", [1, 4, 7]);
+testSelector("Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector("RECT[class^=\"target\"]", [3, 6, 9]);
+
+debug("");
+debug("Complex selectors.");
+testSelector("xml > rect[class]", [4, 7]);
+testSelector("xml > Rect[class]", [5, 8]);
+testSelector("xml > RECT[class]", [6, 9]);
+testSelector("xml > rect[class^=\"target\"]", [4, 7]);
+testSelector("xml > Rect[class^=\"target\"]", [5, 8]);
+testSelector("xml > RECT[class^=\"target\"]", [6, 9]);
+
+testSelector("div rect[class]", [1, 4, 7]);
+testSelector("div Rect[class]", [2, 5, 8]);
+testSelector("div RECT[class]", [3, 6, 9]);
+testSelector("div rect[class^=\"target\"]", [1, 4, 7]);
+testSelector("div Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector("div RECT[class^=\"target\"]", [3, 6, 9]);
+
+testSelector(":root div rect[class]", [1, 4, 7]);
+testSelector(":root div Rect[class]", [2, 5, 8]);
+testSelector(":root div RECT[class]", [3, 6, 9]);
+testSelector(":root div rect[class^=\"target\"]", [1, 4, 7]);
+testSelector(":root div Rect[class^=\"target\"]", [2, 5, 8]);
+testSelector(":root div RECT[class^=\"target\"]", [3, 6, 9]);
+
+debug("");
+debug("With functional pseudo classes.");
+testSelector(":root div :matches(not-there, rect[class])", [1, 4, 7]);
+testSelector(":root div :matches(not-there, Rect[class])", [2, 5, 8]);
+testSelector(":root div :matches(not-there, RECT[class])", [3, 6, 9]);
+testSelector(":root div :matches(not-there, rect[class^=\"target\"])", [1, 4, 7]);
+testSelector(":root div :matches(not-there, Rect[class^=\"target\"])", [2, 5, 8]);
+testSelector(":root div :matches(not-there, RECT[class^=\"target\"])", [3, 6, 9]);
+
+testSelector(":root div :nth-child(n of not-there, rect[class])", [1, 4, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class])", [2, 5, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class])", [3, 6, 9]);
+testSelector(":root div :nth-child(n of not-there, rect[class^=\"target\"])", [1, 4, 7]);
+testSelector(":root div :nth-child(n of not-there, Rect[class^=\"target\"])", [2, 5, 8]);
+testSelector(":root div :nth-child(n of not-there, RECT[class^=\"target\"])", [3, 6, 9]);
+
+// Remove the content otherwise it will appear in the results.
+withRenderer.style.display = 'none';
+]]></script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorstagnameadjacentbacktrackingcasesensitivityhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+Test the correctness of the backtracking optimizations with mixed case tag names in the selector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS document.querySelectorAll("SIBLING.target + SIBLING + sibling ~ target").length is 1
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorstagnameadjacentbacktrackingcasesensitivityhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <div style="display:none">
+ <sibling class="target"></sibling>
+ <sibling></sibling>
+ <sibling></sibling>
+ <sibling></sibling>
+ <padding></padding>
+ <target></target>
+ </div>
+</body>
+<script>
+description("Test the correctness of the backtracking optimizations with mixed case tag names in the selector.");
+
+shouldBe('document.querySelectorAll("SIBLING.target + SIBLING + sibling ~ target").length', '1');
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorstagnamedescendantbacktrackingcasesensitivityhtmlexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html-expected.txt 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+Test the correctness of the backtracking optimizations with mixed case tag names in the selector.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS document.querySelectorAll("CONTAINER.target > CONTAINER > container target").length is 1
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsfastselectorstagnamedescendantbacktrackingcasesensitivityhtmlhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html (0 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html (rev 0)
+++ trunk/LayoutTests/fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+ <container style="display:none">
+ <container class="target">
+ <container>
+ <container>
+ <container>
+ <padding>
+ <target></target>
+ </padding>
+ </container>
+ </container>
+ </container>
+ </container>
+ </container>
+</body>
+<script>
+description("Test the correctness of the backtracking optimizations with mixed case tag names in the selector.");
+
+shouldBe('document.querySelectorAll("CONTAINER.target > CONTAINER > container target").length', '1');
+</script>
+<script src="../../resources/js-test-post.js"></script>
+</html>
</ins></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/ChangeLog 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -1,3 +1,126 @@
</span><ins>+2015-01-26 Benjamin Poulain <benjamin@webkit.org>
+
+ Fix CSS Selector's tag name matching when mixing HTML and XML
+ https://bugs.webkit.org/show_bug.cgi?id=140878
+
+ Reviewed by Darin Adler.
+
+ Previsouly, WebKit was unable to match any XML element that had
+ any uppercase character if the stylesheet was in a HTML document.
+ This problem was most often reported due to the inability to style
+ SVG-in-HTML.
+
+ The reason was that the tag local name was incorrectly transformed
+ to lowercase at parsing time. Instead, we are supposed to only
+ do case-insensitive match for HTML elements in a HTML document.
+
+ This fix is very similar with how we handle attributes:
+ -Keep both the original and the lowercase versions of the name.
+ -When matching, chose which version to use depending on the element being matched.
+
+ There is one major difference in the way the names are stored.
+ Unlike attribute selectors, tag name selectors are common, and the uppercase
+ version is not that uncommon. I wanted to preserve the dense representation
+ so I specialized CSSSelector specifically for tag names.
+
+ To store the data, if the name is already lowercase, just use the m_data pointer
+ as usual.
+ If the name is not lowercase, allocate a new small structure in the union to store
+ both names.
+
+ Tests: fast/css/tagname-and-namespace-case-sensitivity-xml-in-html.html
+ fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml-expected.xhtml
+ fast/css/tagname-and-namespace-case-sensitivity-xml-in-xhtml.xhtml
+ fast/css/tagname-case-sensitivity-svg-in-html.html
+ fast/css/tagname-case-sensitivity-svg-in-xhtml-expected.xhtml
+ fast/css/tagname-case-sensitivity-svg-in-xhtml.xhtml
+ fast/css/tagname-case-sensitivity-xml-in-html.html
+ fast/css/tagname-case-sensitivity-xml-in-xhtml-expected.xhtml
+ fast/css/tagname-case-sensitivity-xml-in-xhtml.xhtml
+ fast/selectors/element-closest-tagname-case-sensitivity-svg-in-html.html
+ fast/selectors/element-closest-tagname-case-sensitivity-svg-in-xhtml.xhtml
+ fast/selectors/element-matches-tagname-case-sensitivity-svg-in-html.html
+ fast/selectors/element-matches-tagname-case-sensitivity-svg-in-xhtml.xhtml
+ fast/selectors/querySelector-tagname-case-sensitivity-svg-in-html.html
+ fast/selectors/querySelector-tagname-case-sensitivity-svg-in-xhtml.xhtml
+ fast/selectors/querySelector-tagname-case-sensitivity-xml-in-html.html
+ fast/selectors/querySelector-tagname-case-sensitivity-xml-in-xhtml.xhtml
+ fast/selectors/tagname-adjacent-backtracking-case-sensitivity-html.html
+ fast/selectors/tagname-descendant-backtracking-case-sensitivity-html.html
+
+ * css/CSSGrammar.y.in:
+ The parser is unaware of anything case related. CSSSelector takes care of that.
+
+ * css/CSSSelector.cpp:
+ (WebCore::CSSSelector::CSSSelector):
+ (WebCore::CSSSelector::createRareData):
+ * css/CSSSelector.h:
+ (WebCore::CSSSelector::NameWithCase::NameWithCase):
+ (WebCore::CSSSelector::CSSSelector):
+ (WebCore::CSSSelector::~CSSSelector):
+ (WebCore::CSSSelector::tagQName):
+ (WebCore::CSSSelector::tagLowercaseLocalName):
+ The new representation stores both the original form and the lower case
+ form.
+
+ * css/RuleSet.cpp:
+ (WebCore::RuleSet::addRule):
+ (WebCore::RuleSet::shrinkToFit):
+ * css/RuleSet.h:
+ (WebCore::RuleSet::tagRules):
+ * css/ElementRuleCollector.cpp:
+ (WebCore::ElementRuleCollector::collectMatchingRules):
+ The tag name partition is now split in two: lowercase and original case.
+ If the matched element is HTML, the lowercase partition is used.
+
+ * css/SelectorFilter.cpp:
+ (WebCore::collectElementIdentifierHashes):
+ (WebCore::collectDescendantSelectorIdentifierHashes):
+ This is the most annoying part of the patch performance wise:
+ the bloom filter knows the case of the real elements but it cannot know
+ how selectors will match them.
+
+ To make it work, all names are now converted to lowercase.
+ That implies that we can filter less on XML and we may have to pay for
+ converting the tag name to lowercase.
+
+ I expect the performance hit to be small because:
+ -Having two XML elements with the same name but different case is uncommon.
+ -Most elements use lowercase names.
+
+ Still sad...that's the price to pay for correctness.
+
+ * css/SelectorChecker.cpp:
+ (WebCore::tagMatches):
+ (WebCore::SelectorChecker::checkOne):
+ * css/SelectorChecker.h:
+ (WebCore::SelectorChecker::tagMatches): Deleted.
+ Update the legacy matcher, nothing special.
+
+ * cssjit/SelectorCompiler.cpp:
+ (WebCore::SelectorCompiler::SelectorFragment::SelectorFragment):
+ (WebCore::SelectorCompiler::TagNamePattern::TagNamePattern):
+ (WebCore::SelectorCompiler::constructFragmentsInternal):
+ (WebCore::SelectorCompiler::equalTagNames):
+ (WebCore::SelectorCompiler::equalTagNamePatterns):
+ (WebCore::SelectorCompiler::computeBacktrackingStartOffsetInChain):
+ (WebCore::SelectorCompiler::computeBacktrackingHeightFromDescendant):
+ (WebCore::SelectorCompiler::computeBacktrackingWidthFromIndirectAdjacent):
+ (WebCore::SelectorCompiler::SelectorCodeGenerator::generateElementMatching):
+ (WebCore::SelectorCompiler::SelectorCodeGenerator::generateElementHasTagName):
+ Tag names are used to optimize backtracking; this is quite common for descendant
+ (e.g. div > ul > li).
+ We have to differenciate one new case there: if two tag names are equal
+ when compared case-insensitively but strictly different, they may still
+ be equal if they don't match the same kind of elements or both matches
+ and HTML element.
+
+ * dom/SelectorQuery.cpp:
+ (WebCore::localNameMatches):
+ (WebCore::elementsForLocalName):
+ (WebCore::SelectorDataList::executeSingleTagNameSelectorData):
+ Update the inline versions of SelectorQuery.
+
</ins><span class="cx"> 2015-01-26 Chris Dumez <cdumez@apple.com>
</span><span class="cx">
</span><span class="cx"> Use std::forward() instead of WTF::move() in CSSPrimitiveValue::create(T&& value)
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSGrammaryin"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSGrammar.y.in (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSGrammar.y.in 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/CSSGrammar.y.in 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -1214,8 +1214,6 @@
</span><span class="cx">
</span><span class="cx"> element_name:
</span><span class="cx"> IDENT {
</span><del>- if (parser->m_context.isHTMLDocument)
- $1.lower();
</del><span class="cx"> $$ = $1;
</span><span class="cx"> }
</span><span class="cx"> | '*' {
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSSelectorcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSSelector.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSSelector.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/CSSSelector.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -49,9 +49,35 @@
</span><span class="cx">
</span><span class="cx"> static_assert(sizeof(CSSSelector) == sizeof(SameSizeAsCSSSelector), "CSSSelector should remain small.");
</span><span class="cx">
</span><ins>+CSSSelector::CSSSelector(const QualifiedName& tagQName, bool tagIsForNamespaceRule)
+ : m_relation(Descendant)
+ , m_match(Tag)
+ , m_pseudoType(0)
+ , m_parsedNth(false)
+ , m_isLastInSelectorList(false)
+ , m_isLastInTagHistory(true)
+ , m_hasRareData(false)
+ , m_hasNameWithCase(false)
+ , m_isForPage(false)
+ , m_tagIsForNamespaceRule(tagIsForNamespaceRule)
+ , m_descendantDoubleChildSyntax(false)
+{
+ const AtomicString& tagLocalName = tagQName.localName();
+ const AtomicString tagLocalNameASCIILowercase = tagLocalName.convertToASCIILowercase();
+
+ if (tagLocalName == tagLocalNameASCIILowercase) {
+ m_data.m_tagQName = tagQName.impl();
+ m_data.m_tagQName->ref();
+ } else {
+ m_data.m_nameWithCase = adoptRef(new NameWithCase(tagQName, tagLocalNameASCIILowercase)).leakRef();
+ m_hasNameWithCase = true;
+ }
+}
+
</ins><span class="cx"> void CSSSelector::createRareData()
</span><span class="cx"> {
</span><span class="cx"> ASSERT(match() != Tag);
</span><ins>+ ASSERT(!m_hasNameWithCase);
</ins><span class="cx"> if (m_hasRareData)
</span><span class="cx"> return;
</span><span class="cx"> // Move the value to the rare data stucture.
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSSelectorh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSSelector.h (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSSelector.h 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/CSSSelector.h 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -228,6 +228,8 @@
</span><span class="cx"> const CSSSelector* tagHistory() const { return m_isLastInTagHistory ? 0 : const_cast<CSSSelector*>(this + 1); }
</span><span class="cx">
</span><span class="cx"> const QualifiedName& tagQName() const;
</span><ins>+ const AtomicString& tagLowercaseLocalName() const;
+
</ins><span class="cx"> const AtomicString& value() const;
</span><span class="cx"> const QualifiedName& attribute() const;
</span><span class="cx"> const AtomicString& attributeCanonicalLocalName() const;
</span><span class="lines">@@ -325,6 +327,7 @@
</span><span class="cx"> unsigned m_isLastInSelectorList : 1;
</span><span class="cx"> unsigned m_isLastInTagHistory : 1;
</span><span class="cx"> unsigned m_hasRareData : 1;
</span><ins>+ unsigned m_hasNameWithCase : 1;
</ins><span class="cx"> unsigned m_isForPage : 1;
</span><span class="cx"> unsigned m_tagIsForNamespaceRule : 1;
</span><span class="cx"> unsigned m_descendantDoubleChildSyntax : 1;
</span><span class="lines">@@ -357,11 +360,24 @@
</span><span class="cx"> };
</span><span class="cx"> void createRareData();
</span><span class="cx">
</span><ins>+ struct NameWithCase : public RefCounted<NameWithCase> {
+ NameWithCase(const QualifiedName& originalName, const AtomicString& lowercaseName)
+ : m_originalName(originalName)
+ , m_lowercaseLocalName(lowercaseName)
+ {
+ ASSERT(originalName.localName() != lowercaseName);
+ }
+
+ const QualifiedName m_originalName;
+ const AtomicString m_lowercaseLocalName;
+ };
+
</ins><span class="cx"> union DataUnion {
</span><span class="cx"> DataUnion() : m_value(0) { }
</span><span class="cx"> AtomicStringImpl* m_value;
</span><span class="cx"> QualifiedName::QualifiedNameImpl* m_tagQName;
</span><span class="cx"> RareData* m_rareData;
</span><ins>+ NameWithCase* m_nameWithCase;
</ins><span class="cx"> } m_data;
</span><span class="cx"> };
</span><span class="cx">
</span><span class="lines">@@ -452,28 +468,13 @@
</span><span class="cx"> , m_isLastInSelectorList(false)
</span><span class="cx"> , m_isLastInTagHistory(true)
</span><span class="cx"> , m_hasRareData(false)
</span><ins>+ , m_hasNameWithCase(false)
</ins><span class="cx"> , m_isForPage(false)
</span><span class="cx"> , m_tagIsForNamespaceRule(false)
</span><span class="cx"> , m_descendantDoubleChildSyntax(false)
</span><span class="cx"> {
</span><span class="cx"> }
</span><span class="cx">
</span><del>-inline CSSSelector::CSSSelector(const QualifiedName& tagQName, bool tagIsForNamespaceRule)
- : m_relation(Descendant)
- , m_match(Tag)
- , m_pseudoType(0)
- , m_parsedNth(false)
- , m_isLastInSelectorList(false)
- , m_isLastInTagHistory(true)
- , m_hasRareData(false)
- , m_isForPage(false)
- , m_tagIsForNamespaceRule(tagIsForNamespaceRule)
- , m_descendantDoubleChildSyntax(false)
-{
- m_data.m_tagQName = tagQName.impl();
- m_data.m_tagQName->ref();
-}
-
</del><span class="cx"> inline CSSSelector::CSSSelector(const CSSSelector& o)
</span><span class="cx"> : m_relation(o.m_relation)
</span><span class="cx"> , m_match(o.m_match)
</span><span class="lines">@@ -482,16 +483,20 @@
</span><span class="cx"> , m_isLastInSelectorList(o.m_isLastInSelectorList)
</span><span class="cx"> , m_isLastInTagHistory(o.m_isLastInTagHistory)
</span><span class="cx"> , m_hasRareData(o.m_hasRareData)
</span><ins>+ , m_hasNameWithCase(o.m_hasNameWithCase)
</ins><span class="cx"> , m_isForPage(o.m_isForPage)
</span><span class="cx"> , m_tagIsForNamespaceRule(o.m_tagIsForNamespaceRule)
</span><span class="cx"> , m_descendantDoubleChildSyntax(o.m_descendantDoubleChildSyntax)
</span><span class="cx"> {
</span><del>- if (o.match() == Tag) {
</del><ins>+ if (o.m_hasRareData) {
+ m_data.m_rareData = o.m_data.m_rareData;
+ m_data.m_rareData->ref();
+ } else if (o.m_hasNameWithCase) {
+ m_data.m_nameWithCase = o.m_data.m_nameWithCase;
+ m_data.m_nameWithCase->ref();
+ } if (o.match() == Tag) {
</ins><span class="cx"> m_data.m_tagQName = o.m_data.m_tagQName;
</span><span class="cx"> m_data.m_tagQName->ref();
</span><del>- } else if (o.m_hasRareData) {
- m_data.m_rareData = o.m_data.m_rareData;
- m_data.m_rareData->ref();
</del><span class="cx"> } else if (o.m_data.m_value) {
</span><span class="cx"> m_data.m_value = o.m_data.m_value;
</span><span class="cx"> m_data.m_value->ref();
</span><span class="lines">@@ -500,10 +505,12 @@
</span><span class="cx">
</span><span class="cx"> inline CSSSelector::~CSSSelector()
</span><span class="cx"> {
</span><del>- if (match() == Tag)
</del><ins>+ if (m_hasRareData)
+ m_data.m_rareData->deref();
+ else if (m_hasNameWithCase)
+ m_data.m_nameWithCase->deref();
+ else if (match() == Tag)
</ins><span class="cx"> m_data.m_tagQName->deref();
</span><del>- else if (m_hasRareData)
- m_data.m_rareData->deref();
</del><span class="cx"> else if (m_data.m_value)
</span><span class="cx"> m_data.m_value->deref();
</span><span class="cx"> }
</span><span class="lines">@@ -511,9 +518,18 @@
</span><span class="cx"> inline const QualifiedName& CSSSelector::tagQName() const
</span><span class="cx"> {
</span><span class="cx"> ASSERT(match() == Tag);
</span><ins>+ if (m_hasNameWithCase)
+ return m_data.m_nameWithCase->m_originalName;
</ins><span class="cx"> return *reinterpret_cast<const QualifiedName*>(&m_data.m_tagQName);
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+inline const AtomicString& CSSSelector::tagLowercaseLocalName() const
+{
+ if (m_hasNameWithCase)
+ return m_data.m_nameWithCase->m_lowercaseLocalName;
+ return m_data.m_tagQName->m_localName;
+}
+
</ins><span class="cx"> inline const AtomicString& CSSSelector::value() const
</span><span class="cx"> {
</span><span class="cx"> ASSERT(match() != Tag);
</span></span></pre></div>
<a id="trunkSourceWebCorecssElementRuleCollectorcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/ElementRuleCollector.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/ElementRuleCollector.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/ElementRuleCollector.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -175,7 +175,7 @@
</span><span class="cx"> collectMatchingRulesForList(matchRequest.ruleSet->linkPseudoClassRules(), matchRequest, ruleRange);
</span><span class="cx"> if (SelectorChecker::matchesFocusPseudoClass(&m_element))
</span><span class="cx"> collectMatchingRulesForList(matchRequest.ruleSet->focusPseudoClassRules(), matchRequest, ruleRange);
</span><del>- collectMatchingRulesForList(matchRequest.ruleSet->tagRules(m_element.localName().impl()), matchRequest, ruleRange);
</del><ins>+ collectMatchingRulesForList(matchRequest.ruleSet->tagRules(m_element.localName().impl(), m_element.isHTMLElement() && m_element.document().isHTMLDocument()), matchRequest, ruleRange);
</ins><span class="cx"> collectMatchingRulesForList(matchRequest.ruleSet->universalRules(), matchRequest, ruleRange);
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebCorecssRuleSetcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/RuleSet.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/RuleSet.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/RuleSet.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -281,7 +281,8 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> if (tagSelector) {
</span><del>- addToRuleSet(tagSelector->tagQName().localName().impl(), m_tagRules, ruleData);
</del><ins>+ addToRuleSet(tagSelector->tagQName().localName().impl(), m_tagLocalNameRules, ruleData);
+ addToRuleSet(tagSelector->tagLowercaseLocalName().impl(), m_tagLowercaseLocalNameRules, ruleData);
</ins><span class="cx"> return;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -385,7 +386,8 @@
</span><span class="cx"> {
</span><span class="cx"> shrinkMapVectorsToFit(m_idRules);
</span><span class="cx"> shrinkMapVectorsToFit(m_classRules);
</span><del>- shrinkMapVectorsToFit(m_tagRules);
</del><ins>+ shrinkMapVectorsToFit(m_tagLocalNameRules);
+ shrinkMapVectorsToFit(m_tagLowercaseLocalNameRules);
</ins><span class="cx"> shrinkMapVectorsToFit(m_shadowPseudoElementRules);
</span><span class="cx"> m_linkPseudoClassRules.shrinkToFit();
</span><span class="cx"> #if ENABLE(VIDEO_TRACK)
</span></span></pre></div>
<a id="trunkSourceWebCorecssRuleSeth"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/RuleSet.h (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/RuleSet.h 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/RuleSet.h 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -50,6 +50,7 @@
</span><span class="cx"> class CSSSelector;
</span><span class="cx"> class ContainerNode;
</span><span class="cx"> class MediaQueryEvaluator;
</span><ins>+class Node;
</ins><span class="cx"> class StyleResolver;
</span><span class="cx"> class StyleRuleRegion;
</span><span class="cx"> class StyleSheetContents;
</span><span class="lines">@@ -172,7 +173,7 @@
</span><span class="cx">
</span><span class="cx"> const RuleDataVector* idRules(AtomicStringImpl* key) const { return m_idRules.get(key); }
</span><span class="cx"> const RuleDataVector* classRules(AtomicStringImpl* key) const { return m_classRules.get(key); }
</span><del>- const RuleDataVector* tagRules(AtomicStringImpl* key) const { return m_tagRules.get(key); }
</del><ins>+ const RuleDataVector* tagRules(AtomicStringImpl* key, bool isHTMLName) const;
</ins><span class="cx"> const RuleDataVector* shadowPseudoElementRules(AtomicStringImpl* key) const { return m_shadowPseudoElementRules.get(key); }
</span><span class="cx"> const RuleDataVector* linkPseudoClassRules() const { return &m_linkPseudoClassRules; }
</span><span class="cx"> #if ENABLE(VIDEO_TRACK)
</span><span class="lines">@@ -193,7 +194,8 @@
</span><span class="cx">
</span><span class="cx"> AtomRuleMap m_idRules;
</span><span class="cx"> AtomRuleMap m_classRules;
</span><del>- AtomRuleMap m_tagRules;
</del><ins>+ AtomRuleMap m_tagLocalNameRules;
+ AtomRuleMap m_tagLowercaseLocalNameRules;
</ins><span class="cx"> AtomRuleMap m_shadowPseudoElementRules;
</span><span class="cx"> RuleDataVector m_linkPseudoClassRules;
</span><span class="cx"> #if ENABLE(VIDEO_TRACK)
</span><span class="lines">@@ -214,6 +216,16 @@
</span><span class="cx"> {
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+inline const RuleSet::RuleDataVector* RuleSet::tagRules(AtomicStringImpl* key, bool isHTMLName) const
+{
+ const AtomRuleMap* tagRules;
+ if (isHTMLName)
+ tagRules = &m_tagLowercaseLocalNameRules;
+ else
+ tagRules = &m_tagLocalNameRules;
+ return tagRules->get(key);
+}
+
</ins><span class="cx"> } // namespace WebCore
</span><span class="cx">
</span><span class="cx"> namespace WTF {
</span></span></pre></div>
<a id="trunkSourceWebCorecssSelectorCheckercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/SelectorChecker.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/SelectorChecker.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/SelectorChecker.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -543,6 +543,21 @@
</span><span class="cx"> return false;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+static inline bool tagMatches(const Element& element, const CSSSelector& simpleSelector)
+{
+ const QualifiedName& tagQName = simpleSelector.tagQName();
+
+ if (tagQName == anyQName())
+ return true;
+
+ const AtomicString& localName = (element.isHTMLElement() && element.document().isHTMLDocument()) ? simpleSelector.tagLowercaseLocalName() : tagQName.localName();
+
+ if (localName != starAtom && localName != element.localName())
+ return false;
+ const AtomicString& namespaceURI = tagQName.namespaceURI();
+ return namespaceURI == starAtom || namespaceURI == element.namespaceURI();
+}
+
</ins><span class="cx"> bool SelectorChecker::checkOne(const CheckingContextWithStatus& context, PseudoIdSet& dynamicPseudoIdSet, MatchType& matchType, unsigned& specificity) const
</span><span class="cx"> {
</span><span class="cx"> Element* const & element = context.element;
</span><span class="lines">@@ -553,7 +568,7 @@
</span><span class="cx"> specificity = CSSSelector::addSpecificities(specificity, selector->simpleSelectorSpecificity());
</span><span class="cx">
</span><span class="cx"> if (selector->match() == CSSSelector::Tag)
</span><del>- return SelectorChecker::tagMatches(element, selector->tagQName());
</del><ins>+ return tagMatches(*element, *selector);
</ins><span class="cx">
</span><span class="cx"> if (selector->match() == CSSSelector::Class)
</span><span class="cx"> return element->hasClass() && element->classNames().contains(selector->value());
</span></span></pre></div>
<a id="trunkSourceWebCorecssSelectorCheckerh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/SelectorChecker.h (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/SelectorChecker.h 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/SelectorChecker.h 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -98,7 +98,6 @@
</span><span class="cx">
</span><span class="cx"> bool match(const CSSSelector*, Element*, const CheckingContext&, unsigned& specificity) const;
</span><span class="cx">
</span><del>- static bool tagMatches(const Element*, const QualifiedName&);
</del><span class="cx"> static bool isCommonPseudoClassSelector(const CSSSelector*);
</span><span class="cx"> static bool matchesFocusPseudoClass(const Element*);
</span><span class="cx"> static bool checkExactAttribute(const Element*, const CSSSelector*, const QualifiedName& selectorAttributeName, const AtomicStringImpl* value);
</span><span class="lines">@@ -131,17 +130,6 @@
</span><span class="cx"> || pseudoType == CSSSelector::PseudoClassFocus;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-inline bool SelectorChecker::tagMatches(const Element* element, const QualifiedName& tagQName)
-{
- if (tagQName == anyQName())
- return true;
- const AtomicString& localName = tagQName.localName();
- if (localName != starAtom && localName != element->localName())
- return false;
- const AtomicString& namespaceURI = tagQName.namespaceURI();
- return namespaceURI == starAtom || namespaceURI == element->namespaceURI();
-}
-
</del><span class="cx"> inline bool SelectorChecker::checkExactAttribute(const Element* element, const CSSSelector* selector, const QualifiedName& selectorAttributeName, const AtomicStringImpl* value)
</span><span class="cx"> {
</span><span class="cx"> if (!element->hasAttributesWithoutUpdate())
</span></span></pre></div>
<a id="trunkSourceWebCorecssSelectorFiltercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/SelectorFilter.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/SelectorFilter.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/css/SelectorFilter.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -39,7 +39,9 @@
</span><span class="cx">
</span><span class="cx"> static inline void collectElementIdentifierHashes(const Element* element, Vector<unsigned, 4>& identifierHashes)
</span><span class="cx"> {
</span><del>- identifierHashes.append(element->localName().impl()->existingHash() * TagNameSalt);
</del><ins>+ AtomicString tagLowercaseLocalName = element->localName().convertToASCIILowercase();
+ identifierHashes.append(tagLowercaseLocalName.impl()->existingHash() * TagNameSalt);
+
</ins><span class="cx"> if (element->hasID())
</span><span class="cx"> identifierHashes.append(element->idForStyleResolution().impl()->existingHash() * IdAttributeSalt);
</span><span class="cx"> const StyledElement* styledElement = element->isStyledElement() ? static_cast<const StyledElement*>(element) : 0;
</span><span class="lines">@@ -121,10 +123,12 @@
</span><span class="cx"> if (!selector->value().isEmpty())
</span><span class="cx"> (*hash++) = selector->value().impl()->existingHash() * ClassAttributeSalt;
</span><span class="cx"> break;
</span><del>- case CSSSelector::Tag:
- if (selector->tagQName().localName() != starAtom)
- (*hash++) = selector->tagQName().localName().impl()->existingHash() * TagNameSalt;
</del><ins>+ case CSSSelector::Tag: {
+ const AtomicString& tagLowercaseLocalName = selector->tagLowercaseLocalName();
+ if (tagLowercaseLocalName != starAtom)
+ (*hash++) = tagLowercaseLocalName.impl()->existingHash() * TagNameSalt;
</ins><span class="cx"> break;
</span><ins>+ }
</ins><span class="cx"> default:
</span><span class="cx"> break;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebCorecssjitSelectorCompilercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/cssjit/SelectorCompiler.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/cssjit/SelectorCompiler.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/cssjit/SelectorCompiler.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -1,5 +1,5 @@
</span><span class="cx"> /*
</span><del>- * Copyright (C) 2013, 2014 Apple Inc. All rights reserved.
</del><ins>+ * Copyright (C) 2013-2015 Apple Inc. All rights reserved.
</ins><span class="cx"> * Copyright (C) 2014 Yusuke Suzuki <utatane.tea@gmail.com>
</span><span class="cx"> *
</span><span class="cx"> * Redistribution and use in source and binary forms, with or without
</span><span class="lines">@@ -159,7 +159,7 @@
</span><span class="cx"> , tagNameMatchedBacktrackingStartWidthFromIndirectAdjacent(invalidWidth)
</span><span class="cx"> , tagNameNotMatchedBacktrackingStartWidthFromIndirectAdjacent(invalidWidth)
</span><span class="cx"> , widthFromIndirectAdjacent(0)
</span><del>- , tagName(nullptr)
</del><ins>+ , tagNameSelector(nullptr)
</ins><span class="cx"> , id(nullptr)
</span><span class="cx"> , langFilter(nullptr)
</span><span class="cx"> , pseudoElementSelector(nullptr)
</span><span class="lines">@@ -185,7 +185,7 @@
</span><span class="cx">
</span><span class="cx"> // FIXME: the large stack allocation caused by the inline capacity causes memory inefficiency. We should dump
</span><span class="cx"> // the min/max/average of the vectors and pick better inline capacity.
</span><del>- const QualifiedName* tagName;
</del><ins>+ const CSSSelector* tagNameSelector;
</ins><span class="cx"> const AtomicString* id;
</span><span class="cx"> const AtomicString* langFilter;
</span><span class="cx"> Vector<const AtomicStringImpl*, 8> classNames;
</span><span class="lines">@@ -224,11 +224,11 @@
</span><span class="cx">
</span><span class="cx"> struct TagNamePattern {
</span><span class="cx"> TagNamePattern()
</span><del>- : tagName(nullptr)
</del><ins>+ : tagNameSelector(nullptr)
</ins><span class="cx"> , inverted(false)
</span><span class="cx"> {
</span><span class="cx"> }
</span><del>- const QualifiedName* tagName;
</del><ins>+ const CSSSelector* tagNameSelector;
</ins><span class="cx"> bool inverted;
</span><span class="cx"> };
</span><span class="cx">
</span><span class="lines">@@ -301,7 +301,7 @@
</span><span class="cx"> void generateElementAttributeValueMatching(Assembler::JumpList& failureCases, Assembler::RegisterID currentAttributeAddress, const AttributeMatchingInfo& attributeInfo);
</span><span class="cx"> void generateElementAttributeValueExactMatching(Assembler::JumpList& failureCases, Assembler::RegisterID currentAttributeAddress, const AtomicString& expectedValue, bool caseSensitive);
</span><span class="cx"> void generateElementAttributeFunctionCallValueMatching(Assembler::JumpList& failureCases, Assembler::RegisterID currentAttributeAddress, const AtomicString& expectedValue, bool caseSensitive, JSC::FunctionPtr caseSensitiveTest, JSC::FunctionPtr caseInsensitiveTest);
</span><del>- void generateElementHasTagName(Assembler::JumpList& failureCases, const QualifiedName& nameToMatch);
</del><ins>+ void generateElementHasTagName(Assembler::JumpList& failureCases, const CSSSelector& tagMatchingSelector);
</ins><span class="cx"> void generateElementHasId(Assembler::JumpList& failureCases, const LocalRegister& elementDataAddress, const AtomicString& idToMatch);
</span><span class="cx"> void generateElementHasClasses(Assembler::JumpList& failureCases, const LocalRegister& elementDataAddress, const Vector<const AtomicStringImpl*>& classNames);
</span><span class="cx"> void generateElementIsLink(Assembler::JumpList& failureCases);
</span><span class="lines">@@ -913,9 +913,9 @@
</span><span class="cx">
</span><span class="cx"> switch (selector->match()) {
</span><span class="cx"> case CSSSelector::Tag:
</span><del>- ASSERT(!fragment->tagName);
- fragment->tagName = &(selector->tagQName());
- if (*fragment->tagName != anyQName())
</del><ins>+ ASSERT(!fragment->tagNameSelector);
+ fragment->tagNameSelector = selector;
+ if (fragment->tagNameSelector->tagQName() != anyQName())
</ins><span class="cx"> fragment->onlyMatchesLinksInQuirksMode = false;
</span><span class="cx"> break;
</span><span class="cx"> case CSSSelector::Id: {
</span><span class="lines">@@ -1368,26 +1368,35 @@
</span><span class="cx"> StrictlyEqual
</span><span class="cx"> };
</span><span class="cx">
</span><del>-static inline TagNameEquality equalTagNames(const QualifiedName* lhs, const QualifiedName* rhs)
</del><ins>+static inline TagNameEquality equalTagNames(const CSSSelector* lhs, const CSSSelector* rhs)
</ins><span class="cx"> {
</span><del>- if (!lhs || *lhs == anyQName())
</del><ins>+ if (!lhs || !rhs)
</ins><span class="cx"> return TagNameEquality::MaybeEqual;
</span><span class="cx">
</span><del>- if (!rhs || *rhs == anyQName())
</del><ins>+ const QualifiedName& lhsQualifiedName = lhs->tagQName();
+ if (lhsQualifiedName == anyQName())
</ins><span class="cx"> return TagNameEquality::MaybeEqual;
</span><span class="cx">
</span><del>- ASSERT(lhs && rhs);
</del><ins>+ const QualifiedName& rhsQualifiedName = rhs->tagQName();
+ if (rhsQualifiedName == anyQName())
+ return TagNameEquality::MaybeEqual;
</ins><span class="cx">
</span><del>- const AtomicString& lhsLocalName = lhs->localName();
- const AtomicString& rhsLocalName = rhs->localName();
</del><ins>+ const AtomicString& lhsLocalName = lhsQualifiedName.localName();
+ const AtomicString& rhsLocalName = rhsQualifiedName.localName();
</ins><span class="cx"> if (lhsLocalName != starAtom && rhsLocalName != starAtom) {
</span><del>- if (lhsLocalName != rhsLocalName)
</del><ins>+ const AtomicString& lhsLowercaseLocalName = lhs->tagLowercaseLocalName();
+ const AtomicString& rhsLowercaseLocalName = rhs->tagLowercaseLocalName();
+
+ if (lhsLowercaseLocalName != rhsLowercaseLocalName)
</ins><span class="cx"> return TagNameEquality::StrictlyNotEqual;
</span><del>- return TagNameEquality::StrictlyEqual;
</del><ins>+
+ if (lhsLocalName == lhsLowercaseLocalName && rhsLocalName == rhsLowercaseLocalName)
+ return TagNameEquality::StrictlyEqual;
+ return TagNameEquality::MaybeEqual;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>- const AtomicString& lhsNamespaceURI = lhs->namespaceURI();
- const AtomicString& rhsNamespaceURI = rhs->namespaceURI();
</del><ins>+ const AtomicString& lhsNamespaceURI = lhsQualifiedName.namespaceURI();
+ const AtomicString& rhsNamespaceURI = rhsQualifiedName.namespaceURI();
</ins><span class="cx"> if (lhsNamespaceURI != starAtom && rhsNamespaceURI != starAtom) {
</span><span class="cx"> if (lhsNamespaceURI != rhsNamespaceURI)
</span><span class="cx"> return TagNameEquality::StrictlyNotEqual;
</span><span class="lines">@@ -1397,9 +1406,9 @@
</span><span class="cx"> return TagNameEquality::MaybeEqual;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-static inline bool equalTagNamePatterns(const TagNamePattern& lhs, const QualifiedName* rhs)
</del><ins>+static inline bool equalTagNamePatterns(const TagNamePattern& lhs, const TagNamePattern& rhs)
</ins><span class="cx"> {
</span><del>- TagNameEquality result = equalTagNames(lhs.tagName, rhs);
</del><ins>+ TagNameEquality result = equalTagNames(lhs.tagNameSelector, rhs.tagNameSelector);
</ins><span class="cx"> if (result == TagNameEquality::MaybeEqual)
</span><span class="cx"> return true;
</span><span class="cx">
</span><span class="lines">@@ -1425,7 +1434,7 @@
</span><span class="cx"> for (unsigned i = 0; i < largestPrefixSize; ++i) {
</span><span class="cx"> unsigned lastIndex = tagNames.size() - 1;
</span><span class="cx"> unsigned currentIndex = lastIndex - i;
</span><del>- if (!equalTagNamePatterns(tagNames[currentIndex], tagNames[currentIndex - offsetToLargestPrefix].tagName)) {
</del><ins>+ if (!equalTagNamePatterns(tagNames[currentIndex], tagNames[currentIndex - offsetToLargestPrefix])) {
</ins><span class="cx"> matched = false;
</span><span class="cx"> break;
</span><span class="cx"> }
</span><span class="lines">@@ -1445,13 +1454,13 @@
</span><span class="cx"> tagNamesForChildChain.clear();
</span><span class="cx">
</span><span class="cx"> TagNamePattern pattern;
</span><del>- pattern.tagName = fragment.tagName;
</del><ins>+ pattern.tagNameSelector = fragment.tagNameSelector;
</ins><span class="cx"> tagNamesForChildChain.append(pattern);
</span><span class="cx"> fragment.heightFromDescendant = 0;
</span><span class="cx"> previousChildFragmentInChildChain = nullptr;
</span><span class="cx"> } else if (fragment.relationToRightFragment == FragmentRelation::Child) {
</span><span class="cx"> TagNamePattern pattern;
</span><del>- pattern.tagName = fragment.tagName;
</del><ins>+ pattern.tagNameSelector = fragment.tagNameSelector;
</ins><span class="cx"> tagNamesForChildChain.append(pattern);
</span><span class="cx">
</span><span class="cx"> unsigned maxPrefixSize = tagNamesForChildChain.size() - 1;
</span><span class="lines">@@ -1460,7 +1469,7 @@
</span><span class="cx"> maxPrefixSize = tagNamesForChildChain.size() - previousChildFragmentInChildChain->tagNameMatchedBacktrackingStartHeightFromDescendant;
</span><span class="cx"> }
</span><span class="cx">
</span><del>- if (pattern.tagName) {
</del><ins>+ if (pattern.tagNameSelector) {
</ins><span class="cx"> // Compute height from descendant in the case that tagName is not matched.
</span><span class="cx"> tagNamesForChildChain.last().inverted = true;
</span><span class="cx"> fragment.tagNameNotMatchedBacktrackingStartHeightFromDescendant = computeBacktrackingStartOffsetInChain(tagNamesForChildChain, maxPrefixSize);
</span><span class="lines">@@ -1493,13 +1502,13 @@
</span><span class="cx"> tagNamesForDirectAdjacentChain.clear();
</span><span class="cx">
</span><span class="cx"> TagNamePattern pattern;
</span><del>- pattern.tagName = fragment.tagName;
</del><ins>+ pattern.tagNameSelector = fragment.tagNameSelector;
</ins><span class="cx"> tagNamesForDirectAdjacentChain.append(pattern);
</span><span class="cx"> fragment.widthFromIndirectAdjacent = 0;
</span><span class="cx"> previousDirectAdjacentFragmentInDirectAdjacentChain = nullptr;
</span><span class="cx"> } else if (fragment.relationToRightFragment == FragmentRelation::DirectAdjacent) {
</span><span class="cx"> TagNamePattern pattern;
</span><del>- pattern.tagName = fragment.tagName;
</del><ins>+ pattern.tagNameSelector = fragment.tagNameSelector;
</ins><span class="cx"> tagNamesForDirectAdjacentChain.append(pattern);
</span><span class="cx">
</span><span class="cx"> unsigned maxPrefixSize = tagNamesForDirectAdjacentChain.size() - 1;
</span><span class="lines">@@ -1508,7 +1517,7 @@
</span><span class="cx"> maxPrefixSize = tagNamesForDirectAdjacentChain.size() - previousDirectAdjacentFragmentInDirectAdjacentChain->tagNameMatchedBacktrackingStartWidthFromIndirectAdjacent;
</span><span class="cx"> }
</span><span class="cx">
</span><del>- if (pattern.tagName) {
</del><ins>+ if (pattern.tagNameSelector) {
</ins><span class="cx"> // Compute height from descendant in the case that tagName is not matched.
</span><span class="cx"> tagNamesForDirectAdjacentChain.last().inverted = true;
</span><span class="cx"> fragment.tagNameNotMatchedBacktrackingStartWidthFromIndirectAdjacent = computeBacktrackingStartOffsetInChain(tagNamesForDirectAdjacentChain, maxPrefixSize);
</span><span class="lines">@@ -2474,8 +2483,8 @@
</span><span class="cx">
</span><span class="cx"> void SelectorCodeGenerator::generateElementMatching(Assembler::JumpList& matchingTagNameFailureCases, Assembler::JumpList& matchingPostTagNameFailureCases, const SelectorFragment& fragment)
</span><span class="cx"> {
</span><del>- if (fragment.tagName)
- generateElementHasTagName(matchingTagNameFailureCases, *(fragment.tagName));
</del><ins>+ if (fragment.tagNameSelector)
+ generateElementHasTagName(matchingTagNameFailureCases, *(fragment.tagNameSelector));
</ins><span class="cx">
</span><span class="cx"> generateElementLinkMatching(matchingPostTagNameFailureCases, fragment);
</span><span class="cx">
</span><span class="lines">@@ -3396,8 +3405,9 @@
</span><span class="cx"> failureCases.append(functionCall.callAndBranchOnBooleanReturnValue(Assembler::Zero));
</span><span class="cx"> }
</span><span class="cx">
</span><del>-inline void SelectorCodeGenerator::generateElementHasTagName(Assembler::JumpList& failureCases, const QualifiedName& nameToMatch)
</del><ins>+inline void SelectorCodeGenerator::generateElementHasTagName(Assembler::JumpList& failureCases, const CSSSelector& tagMatchingSelector)
</ins><span class="cx"> {
</span><ins>+ const QualifiedName& nameToMatch = tagMatchingSelector.tagQName();
</ins><span class="cx"> if (nameToMatch == anyQName())
</span><span class="cx"> return;
</span><span class="cx">
</span><span class="lines">@@ -3407,10 +3417,32 @@
</span><span class="cx">
</span><span class="cx"> const AtomicString& selectorLocalName = nameToMatch.localName();
</span><span class="cx"> if (selectorLocalName != starAtom) {
</span><del>- // Generate localName == element->localName().
- LocalRegister constantRegister(m_registerAllocator);
- m_assembler.move(Assembler::TrustedImmPtr(selectorLocalName.impl()), constantRegister);
- failureCases.append(m_assembler.branchPtr(Assembler::NotEqual, Assembler::Address(qualifiedNameImpl, QualifiedName::QualifiedNameImpl::localNameMemoryOffset()), constantRegister));
</del><ins>+ const AtomicString& lowercaseLocalName = tagMatchingSelector.tagLowercaseLocalName();
+
+ if (selectorLocalName == lowercaseLocalName) {
+ // Generate localName == element->localName().
+ LocalRegister constantRegister(m_registerAllocator);
+ m_assembler.move(Assembler::TrustedImmPtr(selectorLocalName.impl()), constantRegister);
+ failureCases.append(m_assembler.branchPtr(Assembler::NotEqual, Assembler::Address(qualifiedNameImpl, QualifiedName::QualifiedNameImpl::localNameMemoryOffset()), constantRegister));
+ } else {
+ Assembler::JumpList caseSensitiveCases;
+ caseSensitiveCases.append(testIsHTMLFlagOnNode(Assembler::Zero, m_assembler, elementAddressRegister));
+ {
+ LocalRegister document(m_registerAllocator);
+ getDocument(m_assembler, elementAddressRegister, document);
+ caseSensitiveCases.append(testIsHTMLClassOnDocument(Assembler::Zero, m_assembler, document));
+ }
+
+ LocalRegister constantRegister(m_registerAllocator);
+ m_assembler.move(Assembler::TrustedImmPtr(lowercaseLocalName.impl()), constantRegister);
+ Assembler::Jump skipCaseSensitiveCase = m_assembler.jump();
+
+ caseSensitiveCases.link(&m_assembler);
+ m_assembler.move(Assembler::TrustedImmPtr(selectorLocalName.impl()), constantRegister);
+ skipCaseSensitiveCase.link(&m_assembler);
+
+ failureCases.append(m_assembler.branchPtr(Assembler::NotEqual, Assembler::Address(qualifiedNameImpl, QualifiedName::QualifiedNameImpl::localNameMemoryOffset()), constantRegister));
+ }
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> const AtomicString& selectorNamespaceURI = nameToMatch.namespaceURI();
</span></span></pre></div>
<a id="trunkSourceWebCoredomSelectorQuerycpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/dom/SelectorQuery.cpp (179131 => 179132)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/dom/SelectorQuery.cpp 2015-01-26 20:04:38 UTC (rev 179131)
+++ trunk/Source/WebCore/dom/SelectorQuery.cpp 2015-01-26 20:40:18 UTC (rev 179132)
</span><span class="lines">@@ -282,15 +282,33 @@
</span><span class="cx"> }
</span><span class="cx"> #endif
</span><span class="cx">
</span><ins>+static ALWAYS_INLINE bool localNameMatches(const Element& element, const AtomicString& localName, const AtomicString& lowercaseLocalName)
+{
+ if (element.isHTMLElement() && element.document().isHTMLDocument())
+ return element.localName() == lowercaseLocalName;
+ return element.localName() == localName;
+
+}
+
</ins><span class="cx"> template <typename SelectorQueryTrait>
</span><del>-static inline void elementsForLocalName(const ContainerNode& rootNode, const AtomicString& localName, typename SelectorQueryTrait::OutputType& output)
</del><ins>+static inline void elementsForLocalName(const ContainerNode& rootNode, const AtomicString& localName, const AtomicString& lowercaseLocalName, typename SelectorQueryTrait::OutputType& output)
</ins><span class="cx"> {
</span><del>- for (auto& element : elementDescendants(const_cast<ContainerNode&>(rootNode))) {
- if (element.tagQName().localName() == localName) {
- SelectorQueryTrait::appendOutputForElement(output, &element);
- if (SelectorQueryTrait::shouldOnlyMatchFirstElement)
</del><ins>+ if (localName == lowercaseLocalName) {
+ for (auto& element : elementDescendants(const_cast<ContainerNode&>(rootNode))) {
+ if (element.tagQName().localName() == localName) {
+ SelectorQueryTrait::appendOutputForElement(output, &element);
+ if (SelectorQueryTrait::shouldOnlyMatchFirstElement)
</ins><span class="cx"> return;
</span><ins>+ }
</ins><span class="cx"> }
</span><ins>+ } else {
+ for (auto& element : elementDescendants(const_cast<ContainerNode&>(rootNode))) {
+ if (localNameMatches(element, localName, lowercaseLocalName)) {
+ SelectorQueryTrait::appendOutputForElement(output, &element);
+ if (SelectorQueryTrait::shouldOnlyMatchFirstElement)
+ return;
+ }
+ }
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -313,12 +331,13 @@
</span><span class="cx">
</span><span class="cx"> const QualifiedName& tagQualifiedName = selectorData.selector->tagQName();
</span><span class="cx"> const AtomicString& selectorLocalName = tagQualifiedName.localName();
</span><ins>+ const AtomicString& selectorLowercaseLocalName = selectorData.selector->tagLowercaseLocalName();
</ins><span class="cx"> const AtomicString& selectorNamespaceURI = tagQualifiedName.namespaceURI();
</span><span class="cx">
</span><span class="cx"> if (selectorNamespaceURI == starAtom) {
</span><span class="cx"> if (selectorLocalName != starAtom) {
</span><span class="cx"> // Common case: name defined, selectorNamespaceURI is a wildcard.
</span><del>- elementsForLocalName<SelectorQueryTrait>(rootNode, selectorLocalName, output);
</del><ins>+ elementsForLocalName<SelectorQueryTrait>(rootNode, selectorLocalName, selectorLowercaseLocalName, output);
</ins><span class="cx"> } else {
</span><span class="cx"> // Other fairly common case: both are wildcards.
</span><span class="cx"> anyElement<SelectorQueryTrait>(rootNode, output);
</span><span class="lines">@@ -326,7 +345,7 @@
</span><span class="cx"> } else {
</span><span class="cx"> // Fallback: NamespaceURI is set, selectorLocalName may be starAtom.
</span><span class="cx"> for (auto& element : elementDescendants(const_cast<ContainerNode&>(rootNode))) {
</span><del>- if (element.namespaceURI() == selectorNamespaceURI && (selectorLocalName == starAtom || element.tagQName().localName() == selectorLocalName)) {
</del><ins>+ if (element.namespaceURI() == selectorNamespaceURI && localNameMatches(element, selectorLocalName, selectorLowercaseLocalName)) {
</ins><span class="cx"> SelectorQueryTrait::appendOutputForElement(output, &element);
</span><span class="cx"> if (SelectorQueryTrait::shouldOnlyMatchFirstElement)
</span><span class="cx"> return;
</span></span></pre>
</div>
</div>
</body>
</html>