158 lines
3.3 KiB
HTML
158 lines
3.3 KiB
HTML
<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>
|