LayoutTests/inspector/layers/layers-3d-view-hit-testing.html - Issue 331143005: DevTools: Add showing viewport for Layers3DView.

Side by Side Diff: LayoutTests/inspector/layers/layers-3d-view-hit-testing.html

Issue 331143005: DevTools: Add showing viewport for Layers3DView. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Fixed test. Created 6 years, 6 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 unified diff | Download patch

« no previous file with comments | « no previous file | Source/devtools/front_end/sdk/LayerTreeModel.js » ('j') | no next file with comments »

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script src="../../http/tests/inspector/inspector-test.js"></script>	3 <script src="../../http/tests/inspector/inspector-test.js"></script>

4 <script src="../../http/tests/inspector/layers-test.js"></script>	4 <script src="../../http/tests/inspector/layers-test.js"></script>

5 <script>	5 <script>

6 function test()	6 function test()

7 {	7 {

8 var contentRoot;	8 var contentRoot;

9 var layers;	9 var layers;

10 var rootOffsetXInPixels, rootOffsetYInPixels, rootHeightInPixels, rootWidthI nPixels;	10 var rootOffsetXInPixels, rootOffsetYInPixels, rootHeightInPixels, rootWidthI nPixels;

(...skipping 65 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
76 InspectorTest.addResult("\nHovering content root");	76 InspectorTest.addResult("\nHovering content root");

77 dispatchMouseEventOnCanvas("mousemove", 0.1237135833164431, 0.1153650823 6291274);	77 dispatchMouseEventOnCanvas("mousemove", 0.1237135833164431, 0.1153650823 6291274);

78 dumpOutlinedStateForLayers();	78 dumpOutlinedStateForLayers();

79	79

80 InspectorTest.addResult("\nSelecting layer b");	80 InspectorTest.addResult("\nSelecting layer b");

81 dispatchMouseEventOnCanvas("mousedown", 0.5, 0.5);	81 dispatchMouseEventOnCanvas("mousedown", 0.5, 0.5);

82 dispatchMouseEventOnCanvas("mouseup", 0.5, 0.5);	82 dispatchMouseEventOnCanvas("mouseup", 0.5, 0.5);

83 dumpOutlinedStateForLayers();	83 dumpOutlinedStateForLayers();

84	84

85 InspectorTest.addResult("\nHovering layer a");	85 InspectorTest.addResult("\nHovering layer a");

86 dispatchMouseEventOnCanvas("mousemove", 0.4, 0.1);	86 dispatchMouseEventOnCanvas("mousemove", 0.4, 0.2);

87 dumpOutlinedStateForLayers();	87 dumpOutlinedStateForLayers();

88	88

89 InspectorTest.addResult("\nSelecting content root");	89 InspectorTest.addResult("\nSelecting content root");

90 dispatchMouseEventOnCanvas("mousedown", 0.5, 0.001);	90 dispatchMouseEventOnCanvas("mousedown", 0.5, 0.001);

91 dispatchMouseEventOnCanvas("mouseup", 0.5, 0.001);	91 dispatchMouseEventOnCanvas("mouseup", 0.5, 0.001);

92 dumpOutlinedStateForLayers();	92 dumpOutlinedStateForLayers();

93	93

94 InspectorTest.completeTest();	94 InspectorTest.completeTest();

95 }	95 }

96	96

97 WebInspector.inspectorView.showPanel("layers");	97 WebInspector.inspectorView.showPanel("layers");

98 InspectorTest.requestLayers(onGotLayers);	98 InspectorTest.requestLayers(onGotLayers);

99 }	99 }

100 </script>	100 </script>

101 </head>	101 </head>

102 <body onload="runTest()" style="height:500px;width:500px;">	102 <body onload="runTest()" style="height:500px;width:500px;">

103 <div id="a" style="-webkit-transform:translateZ(0px) translateY(60px) rotateZ(45 deg);width:300px;height:300px;margin-left:100px;">	103 <div id="a" style="-webkit-transform:translateZ(0px) translateY(60px) rotateZ(45 deg);width:300px;height:300px;margin-left:100px;">

104 <div id="b" style="-webkit-transform:translateX(0px) translateY(0px) transla teZ(0px) rotateX(45deg) rotateY(45deg);width:300px;height:300px;"></div>	104 <div id="b" style="-webkit-transform:translateX(0px) translateY(0px) transla teZ(0px) rotateX(45deg) rotateY(45deg);width:300px;height:300px;"></div>

105 </div>	105 </div>

106 </body>	106 </body>

107 </html>	107 </html>

OLD	NEW