blob: fce8a8ed4e6d315878f19b6de25ca51c060c675f [file] [log] [blame]
<html>
<head>
<style>
#article1 { -webkit-flow-into: flow1; }
#region1 { -webkit-flow-from: flow1; position: absolute; top: 10px; width: 350px; height: 25px;}
#p1 { color: #ff0000; }
@-webkit-region #region1 {
#p1 { color: #008000; }
}
</style>
<script src="../../http/tests/inspector/inspector-test.js"></script>
<script src="../../http/tests/inspector/elements-test.js"></script>
<script>
function test()
{
WebInspector.showPanel("elements");
InspectorTest.selectNodeAndWaitForStylesWithComputed("p1", dumpAllStyles);
function dumpAllStyles()
{
InspectorTest.dumpSelectedElementStyles();
InspectorTest.completeTest();
}
}
</script>
</head>
<body onload="runTest()">
<p>
Tests that webkit css region styling can be parsed correctly. Test passes if it doesn't crash.
</p>
<div id="article1">
<p id="p1">P color styled in region: #008000.</p>
</div>
<div id="region1" class="regionBox"></div>
</body>
</html>