| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <script> |
| description(":link inside :not inside :-webkit-any `:-webkit-any(:not(:link))`"); |
| jsTestIsAsync = true; |
| |
| if (window.testRunner) |
| window.testRunner.keepWebHistory(); |
| |
| function generateLink(color) { |
| var anchor = document.createElement("a"); |
| anchor.href="http://madeup.site.com"; |
| anchor.innerHTML = "Link should be " + color + "."; |
| return anchor; |
| } |
| |
| var GREEN = 'rgb(0, 128, 0)'; |
| var RED = 'rgb(255, 0, 0)'; |
| |
| anchors = []; |
| |
| function done() { |
| return anchors.every(function (set) { |
| return internals.computedStyleIncludingVisitedInfo(set[0]).color === set[1];; |
| }); |
| } |
| |
| function compareStyles() |
| { |
| var anchor; |
| |
| anchor = generateLink('green'); |
| document.getElementById('enclosure1').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| anchor = generateLink('green'); |
| document.getElementById('enclosure2').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| anchor = generateLink('red'); |
| document.getElementById('test3').appendChild(anchor); |
| anchors.push([anchor, RED]); |
| |
| anchor = generateLink('red'); |
| document.getElementById('enclosure4').appendChild(anchor); |
| anchors.push([anchor, RED]); |
| |
| anchor = generateLink('green'); |
| document.getElementById('enclosure5').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| anchor = generateLink('green'); |
| document.getElementById('enclosure6').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| anchor = generateLink('green'); |
| document.getElementById('test7').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| anchor = generateLink('green'); |
| document.getElementById('test8').appendChild(anchor); |
| anchors.push([anchor, GREEN]); |
| |
| if (window.internals) { |
| shouldBecomeEqual('done()', 'true', finishJSTest); |
| } |
| } |
| </script> |
| <style> |
| a { |
| color: red; |
| } |
| |
| #test1 :-webkit-any(:not(:link), a) a { |
| color: green; |
| } |
| |
| #test2 a { |
| color: green; |
| } |
| #test2 :-webkit-any(:not(:link)) a { |
| color: red; |
| } |
| |
| /* :not(:link) doesn't match to the link element. */ |
| #test3 :-webkit-any(:not(:link)) { |
| color: green; |
| } |
| |
| /* :not(:link) doesn't match to the link element. */ |
| #test4 :-webkit-any(:not(:link)) { |
| color: green; |
| } |
| |
| #test5 :-webkit-any(a, :not(:link)) a { |
| color: green; |
| } |
| |
| #test6 a { |
| color: green; |
| } |
| #test6 :-webkit-any(div, :not(:link)) a { |
| color: red; |
| } |
| |
| #test7 :-webkit-any(:not(:visited)) { |
| color: green; |
| } |
| |
| |
| #test8 a { |
| color: green; |
| } |
| #test8 :-webkit-any(:visited) { |
| color: red; |
| } |
| </style> |
| </head> |
| <body onload="compareStyles()"> |
| <iframe src="resources/dummy.html" style="display:none"></iframe> |
| |
| <p id="area"> |
| <p id="test1"> |
| <a id="enclosure1" href="resources/dummy.html"></a> |
| </p> |
| |
| <p id="test2"> |
| <a id="enclosure2" href="resources/dummy.html"></a> |
| </p> |
| |
| <p id="test3"> |
| </p> |
| |
| <p id="test4"> |
| <a id="enclosure4" href="resources/dummy.html"></a> |
| </p> |
| |
| <p id="test5"> |
| <a id="enclosure5" href="resources/dummy.html"></a> |
| </p> |
| |
| <p id="test6"> |
| <a id="enclosure6" href="resources/dummy.html"></a> |
| </p> |
| |
| <p id="test7"> |
| </p> |
| |
| <p id="test8"> |
| </p> |
| </p> |
| |
| <div id=console></div> |
| </body> |
| <script src="../../resources/js-test-post.js"></script> |
| </html> |
