<!DOCTYPE html>
<script src="../../../resources/js-test.js"></script>
<style>
.outer #inner:not(:-webkit-full-page-media) {
background-color: green
}
#outer + div {
color: pink
}
</style>
<div id="outer">
<div>
<div id="inner"></div>
</div>
<div></div>
<div></div>
</div>
<div></div>
<script>
description("Support style invalidation when selectors contain :-webkit-full-page-media")
var transparent = "rgba(0, 0, 0, 0)";
var green = "rgb(0, 128, 0)";
shouldBe("getComputedStyle(inner).backgroundColor", "transparent");
inner.offsetTop;
outer.className = "outer";
if (window.internals)
shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1");
shouldBe("getComputedStyle(inner).backgroundColor", "green");
</script>
