<html>
<head>
<style>
@host {
    div { border: 1px solid blue; }
}

@host.div {
  opacity: 0;
}
</style>
<script src="../../http/tests/inspector/inspector-test.js"></script>
<script src="../../http/tests/inspector/elements-test.js"></script>
<script>

function test()
{
    InspectorTest.selectNodeAndWaitForStylesWithComputed("foo", step1);

    function step1()
    {
        InspectorTest.dumpSelectedElementStyles(false, false);
        InspectorTest.completeTest();
    }
}

</script>
</head>

<body onload="runTest()">
<p>
[bug 102116] - <a href="https://bugs.webkit.org/show_bug.cgi?id=102116">https://bugs.webkit.org/show_bug.cgi?id=102116</a> -
ASSERT_NOT_REACHED() when building a CSSOM wrapper for StyleRuleHost.
If this test passes, no crash occurs.
</p>

<div id="container">
    <div id="foo">Foo</div>
</div>

</body>
</html>