blob: a273eb1fd5733598a7b7ccacd7b45904a9b7408b [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
#flow1
{
-webkit-flow-into: flow1;
}
</style>
<script type="text/javascript" src="../../http/tests/inspector-protocol/resources/protocol-test.js"></script>
<script>
function removeFlow()
{
document.getElementById("flow1").remove();
}
function test()
{
InspectorTest.importInspectorScripts();
WebInspector.frameResourceManager.addEventListener(WebInspector.FrameResourceManager.Event.MainFrameDidChange, function(event) {
var domTree = WebInspector.frameResourceManager.mainFrame.domTree;
domTree.addEventListener(WebInspector.DOMTree.Event.RootDOMNodeInvalidated, onRootDOMNodeInvalidated, null);
domTree.addEventListener(WebInspector.DOMTree.Event.ContentFlowWasAdded, onContentFlowWasAdded, null);
domTree.addEventListener(WebInspector.DOMTree.Event.ContentFlowWasRemoved, onContentFlowWasRemoved, null);
domTree.requestContentFlowList();
});
function onRootDOMNodeInvalidated()
{
WebInspector.frameResourceManager.mainFrame.domTree.requestContentFlowList();
}
function onContentFlowWasAdded(event)
{
InspectorTest.assert(event.data.flow.name === "flow1", "ContentFlow was added");
InspectorTest.assert(WebInspector.frameResourceManager.mainFrame.domTree.flowsCount === 1, "Flow count is 1");
InspectorTest.sendCommand("Runtime.evaluate", {expression: "removeFlow()"});
}
function onContentFlowWasRemoved(event)
{
InspectorTest.assert(event.data.flow.name === "flow1", "ContentFlow was removed");
InspectorTest.assert(WebInspector.frameResourceManager.mainFrame.domTree.flowsCount === 0, "Flow count is 0");
InspectorTest.completeTest();
}
}
</script>
</head>
<body onload="runTest()">
<p>Testing that the ContentFlows events are correctly dispatched when new flows are created/removed.</p>
<div id="flow1"></div>
</body>
</html>