Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(230)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/inspector/layers-panel-mouse-events.html

Issue 173763002: DevTools: hide page overlay layers in LayerTreeAgent (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « LayoutTests/inspector/layer-tree-model-expected.txt ('k') | LayoutTests/inspector/layers-panel-mouse-events-expected.txt » ('j') | LayoutTests/inspector/layers/no-overlay-layers.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/inspector/layers-panel-mouse-events.html
diff --git a/LayoutTests/inspector/layers-panel-mouse-events.html b/LayoutTests/inspector/layers-panel-mouse-events.html
deleted file mode 100644
index 655cca4a71de9164fcb108e892751326f96b2e44..0000000000000000000000000000000000000000
--- a/LayoutTests/inspector/layers-panel-mouse-events.html
+++ /dev/null
@@ -1,166 +0,0 @@
-<html>
-<head>
-<style>
-.layer {
- position: absolute;
- -webkit-transform: translateZ(10px);
- opacity: 0.8;
- left: 20px;
- top: 20px;
-}
-</style>
-<script src="../http/tests/inspector/inspector-test.js"></script>
-<script src="../http/tests/inspector/layers-test.js"></script>
-<script>
-function initialize_LayersPanelnMouseEvents()
-{
-
-InspectorTest.findLayerTreeElement = function(layer)
-{
- var layerTree = WebInspector.panel("layers").sidebarTree;
- var element = layerTree.getCachedTreeElement(layer);
- element.reveal();
- return element.listItemElement;
-}
-
-InspectorTest.find3DViewElement = function(layer)
-{
- var layers3DView = WebInspector.panel("layers")._layers3DView;
- return layers3DView._elementForLayer(layer);
-}
-
-InspectorTest.dispatchMouseEvent = function(eventType, button, element, offsetX, offsetY)
-{
- var totalOffset = element.totalOffset();
- var scrollOffset = element.scrollOffset();
- var eventArguments = {
- bubbles: true,
- cancelable: true,
- view: window,
- screenX: totalOffset.left - scrollOffset.left + offsetX,
- screenY: totalOffset.top - scrollOffset.top + offsetY,
- clientX: totalOffset.left + offsetX,
- clientY: totalOffset.top + offsetY,
- button: button
- };
- if (eventType === "mouseout") {
- eventArguments.screenX = 0;
- eventArguments.screenY = 0;
- eventArguments.clientX = 0;
- eventArguments.clientY = 0;
- }
- element.dispatchEvent(new MouseEvent(eventType, eventArguments));
-}
-
-InspectorTest.dispatchMouseEventToLayerTree = function(eventType, button, layer)
-{
- var element = InspectorTest.findLayerTreeElement(layer);
- InspectorTest.assertTrue(!!element);
- InspectorTest.dispatchMouseEvent(eventType, button, element, element.clientWidth >> 1, element.clientHeight >> 1);
-}
-
-InspectorTest.dispatchMouseEventTo3DView = function(eventType, button, layer)
-{
- // Caveat: this will blow if layers are transformed. We only take root layer scale into account.
- var offsetX = 0;
- var offsetY = 0;
- for (var currentLayer = layer; currentLayer; currentLayer = currentLayer.parent()) {
- offsetX += currentLayer.offsetX();
- offsetY += currentLayer.offsetY();
- }
- var layer3DView = WebInspector.panel("layers")._layers3DView;
- var rootElement = layer3DView._elementForLayer(InspectorTest._layerTreeModel.contentRoot());
- var screenOffsetX = Math.round(layer3DView._scale * offsetX) + 2;
- var screenOffsetY = Math.round(layer3DView._scale * offsetY) + 2;
- InspectorTest.dispatchMouseEvent(eventType, button, rootElement, screenOffsetX, screenOffsetY);
-}
-
-InspectorTest.dumpSelectedStyles = function(message, element)
-{
- var classes = [];
- if (element.classList.contains("selected"))
- classes.push("selected");
- if (element.classList.contains("hovered"))
- classes.push("hovered");
-
- InspectorTest.addResult(message + ": " + classes.join(", "));
-}
-
-}
-
-function test()
-{
- function step1()
- {
- var layerB1 = InspectorTest.findLayerByNodeIdAttribute("b1");
- var treeElementB1 = InspectorTest.findLayerTreeElement(layerB1);
- var viewElementB1 = InspectorTest.find3DViewElement(layerB1);
-
- var layerB3 = InspectorTest.findLayerByNodeIdAttribute("b3");
- var treeElementB3 = InspectorTest.findLayerTreeElement(layerB3);
- var viewElementB3 = InspectorTest.find3DViewElement(layerB3);
-
- function dumpElementSelectionState()
- {
- InspectorTest.dumpSelectedStyles("Layer b1 in tree", treeElementB1);
- InspectorTest.dumpSelectedStyles("Layer b3 in tree", treeElementB3);
- InspectorTest.dumpSelectedStyles("Layer b1 in view", viewElementB1);
- InspectorTest.dumpSelectedStyles("Layer b3 in view", viewElementB3);
- }
- InspectorTest.addResult("Hovering b1 in tree");
- InspectorTest.dispatchMouseEventToLayerTree("mousemove", -1, layerB1);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Hovering b3 in tree");
- InspectorTest.dispatchMouseEventToLayerTree("mousemove", -1, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Hovering away from tree");
- InspectorTest.dispatchMouseEventToLayerTree("mouseout", -1, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Selecting b1 in tree");
- InspectorTest.dispatchMouseEventToLayerTree("mousedown", 0, layerB1);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Selecting b3 in tree");
- InspectorTest.dispatchMouseEventToLayerTree("mousedown", 0, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Hovering b1 in view");
- InspectorTest.dispatchMouseEventTo3DView("mousemove", -1, layerB1);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Hovering b3 in view");
- InspectorTest.dispatchMouseEventTo3DView("mousemove", -1, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Hovering away from view");
- InspectorTest.dispatchMouseEventTo3DView("mouseout", -1, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Selecting b1 in view");
- InspectorTest.dispatchMouseEventTo3DView("click", 0, layerB1);
- dumpElementSelectionState();
-
- InspectorTest.addResult("Selecting b3 in view");
- InspectorTest.dispatchMouseEventTo3DView("click", 1, layerB3);
- dumpElementSelectionState();
-
- InspectorTest.completeTest();
- }
- WebInspector.showPanel("layers");
- InspectorTest.requestLayers(step1);
-
-}
-</script>
-
-<body onload="runTest()">
-<div id="a" style="width: 200px; height: 200px" class="layer">
- <div class="layer" id="b1" style="width: 150px; height: 100px"></div>
- <div id="b2" class="layer" style="width: 140px; height: 110px">
- <div id="c" class="layer" style="width: 100px; height: 90px"></div>
- <div id="b3" class="layer" style="width: 140px; height: 110px;"></div>
- </div>
-</div>
-</body>
« no previous file with comments | « LayoutTests/inspector/layer-tree-model-expected.txt ('k') | LayoutTests/inspector/layers-panel-mouse-events-expected.txt » ('j') | LayoutTests/inspector/layers/no-overlay-layers.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698