<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<style>
.t1 :-webkit-any(*, .dummy),
.t2 :-webkit-any(:-webkit-any(.dummy, *), .dummy),
.t3 :-webkit-any(:focus, dummy) { background-color: rgb(0, 128, 0); }
#r3 { width: 10px; height: 10px }
</style>
<div id="t1">
<div id="r1"></div>
</div>
<div id="t2">
<div id="r2"></div>
</div>
<div id="t3">
<div id="r3" tabIndex="1"></div>
</div>
<script>
document.body.offsetTop;
test(function() {
assert_true(!!window.internals, "This test only works with internals exposed present");
}, "internals are exposed");
test(function() {
assert_equals(getComputedStyle(r1).backgroundColor, "rgba(0, 0, 0, 0)", "Background color should initially be transparent");
t1.className = "t1";
assert_equals(internals.updateStyleAndReturnAffectedElementCount(), 2, "Subtree style recalc");
assert_equals(getComputedStyle(r1).backgroundColor, "rgb(0, 128, 0)", "Background color is green after class change");
}, ":-webkit-any() with universal selector");
test(function() {
assert_equals(getComputedStyle(r2).backgroundColor, "rgba(0, 0, 0, 0)", "Background color should initially be transparent");
t2.className = "t2";
assert_equals(internals.updateStyleAndReturnAffectedElementCount(), 2, "Subtree style recalc");
assert_equals(getComputedStyle(r2).backgroundColor, "rgb(0, 128, 0)", "Background color is green after class change");
}, "Nested :-webkit-any() with universal selector");
test(function() {
r3.focus();
assert_equals(getComputedStyle(r3).backgroundColor, "rgba(0, 0, 0, 0)", "Background color should initially be transparent");
t3.className = "t3";
assert_equals(internals.updateStyleAndReturnAffectedElementCount(), 2, "Subtree style recalc");
assert_equals(getComputedStyle(r3).backgroundColor, "rgb(0, 128, 0)", "Background color is green after class change");
}, ":-webkit-any() with universal :focus selector");
</script>