<!doctype html> | |
<html> | |
<head> | |
<script src="../../resources/js-test-pre.js"></script> | |
<style> | |
li.first+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li~li { | |
background-color: rgb(1, 2, 3); | |
} | |
</style> | |
</head> | |
<body> | |
<div style="display:none"> | |
<ul id=targetTree> | |
<li class=first></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
<li class=target></li> | |
</ul> | |
</div> | |
</body> | |
<script> | |
description('Test very long backtracking of a direct adjacent chain.'); | |
shouldBe('document.querySelectorAll("li.first+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li~li").length', '20'); | |
var allItems = document.getElementById('targetTree').querySelectorAll('li'); | |
var coloredCount = 0; | |
for (var i = 0; i < allItems.length; ++i) { | |
if (getComputedStyle(allItems[i]).backgroundColor === 'rgb(1, 2, 3)') | |
coloredCount++; | |
} | |
shouldBe('allItems.length', '41'); | |
shouldBe('coloredCount', '20'); | |
</script> | |
<script src="../../resources/js-test-post.js"></script> | |
</html> |