LayoutTests/fast/css/unknown-pseudo-element-matching.html - Issue 8931002: Merge 101998 - "Raw" pseudo selectors don't match if immediately after a child or descendant comb...

Unified Diff: LayoutTests/fast/css/unknown-pseudo-element-matching.html

Issue 8931002: Merge 101998 - "Raw" pseudo selectors don't match if immediately after a child or descendant comb... (Closed) Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/963/

Patch Set: Created 9 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/css/css-set-selector-text-expected.txt ('k') | LayoutTests/fast/css/unknown-pseudo-element-matching-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/css/unknown-pseudo-element-matching.html

===================================================================

--- LayoutTests/fast/css/unknown-pseudo-element-matching.html (revision 102657)

+++ LayoutTests/fast/css/unknown-pseudo-element-matching.html (working copy)

@@ -18,6 +18,7 @@

var SELECTOR_TEST_PROPERTIES = ' { height: 1px; -webkit-appearance: none; }';

var SELECTORS = [

'::-webkit-slider-thumb',

+'*::-webkit-slider-thumb',

'input::-webkit-slider-thumb',

'#foo::-webkit-slider-thumb',

'input#foo::-webkit-slider-thumb',

@@ -27,9 +28,11 @@

var DISABLED_SELECTORS = SELECTORS.map(function(selector) { return selector + ':disabled'; });

var HOVER_SELECTORS = SELECTORS.map(function(selector) { return selector + ':hover'; });

var DESCENDANT_ID_SELECTORS = SELECTORS.map(function(selector) { return '#baz ' + selector; });

-DESCENDANT_ID_SELECTORS.shift();

var DESCENDANT_CLASS_SELECTORS = SELECTORS.map(function(selector) { return '.qux ' + selector; });

-DESCENDANT_CLASS_SELECTORS.shift();

+var DIRECT_SIBLING_ID_SELECTORS = SELECTORS.map(function(selector) { return '#sib + ' + selector; });

+var INDIRECT_SIBLING_ID_SELECTORS = SELECTORS.map(function(selector) { return '#sib ~ ' + selector; });

+var DIRECT_SIBLING_CLASS_SELECTORS = SELECTORS.map(function(selector) { return '.ling + ' + selector; });

+var INDIRECT_SIBLING_CLASS_SELECTORS = SELECTORS.map(function(selector) { return '.ling ~ ' + selector; });

// convenience constants

var MATCH = true;

@@ -66,12 +69,16 @@

{

head = document.getElementsByTagName('head')[0];

input = document.getElementsByTagName('input')[0];

+ testContainer = document.getElementById('baz');

logDiv = document.getElementById('log');

log('Basic selector tests:');

runSelectorTest(MATCH, '::-webkit-slider-thumb');

+ runSelectorTest(MATCH, '*::-webkit-slider-thumb');

runSelectorTest(NO_MATCH, '::-webkit-slider-thumb', WITH_NAMESPACES);

runSelectorTest(MATCH, '*|::-webkit-slider-thumb', WITH_NAMESPACES);

+ runSelectorTest(MATCH, '*|*::-webkit-slider-thumb', WITH_NAMESPACES);

runSelectorTest(MATCH, 'html|::-webkit-slider-thumb', WITH_NAMESPACES);

+ runSelectorTest(MATCH, 'html|*::-webkit-slider-thumb', WITH_NAMESPACES);

runSelectorTest(MATCH, '#foo::-webkit-slider-thumb');

runSelectorTest(MATCH, '.bar::-webkit-slider-thumb');

runSelectorTest(NO_MATCH, '#foo::-webkit-slider-thumb', WITH_NAMESPACES);

@@ -107,7 +114,13 @@

log('<br>Should match when combined with descendant selectors:');

DESCENDANT_ID_SELECTORS.forEach(expectMatch);

DESCENDANT_CLASS_SELECTORS.forEach(expectMatch);

- input.parentNode.removeChild(input);

+ log('<br>Should match when combined with sibling selectors:');

+ DIRECT_SIBLING_ID_SELECTORS.forEach(expectMatch);

+ INDIRECT_SIBLING_ID_SELECTORS.forEach(expectMatch);

+ DIRECT_SIBLING_CLASS_SELECTORS.forEach(expectMatch);

+ INDIRECT_SIBLING_CLASS_SELECTORS.forEach(expectMatch);

+ testContainer.parentNode.removeChild(testContainer);

}

function expectNoMatch(selector) {

@@ -123,6 +136,7 @@

<p>Tests various selector combinations, containing unknown pseudo element selectors.</p>

+ <span id="sib" class="ling">Sibling</span>

</div>