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

Unified Diff: LayoutTests/inspector/elements/inspect-mode-shadow-text.html

Issue 197283031: DevTools: fix author shadow dom inspection mode, speacial-case ua. Fix crash from the bug. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: For landing Created 6 years, 9 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
Index: LayoutTests/inspector/elements/inspect-mode-shadow-text.html
diff --git a/LayoutTests/inspector/elements/inspect-mode-shadow-text.html b/LayoutTests/inspector/elements/inspect-mode-shadow-text.html
new file mode 100644
index 0000000000000000000000000000000000000000..641249195658bca79a1de2160235d0836fe21861
--- /dev/null
+++ b/LayoutTests/inspector/elements/inspect-mode-shadow-text.html
@@ -0,0 +1,54 @@
+<html>
+<head>
+<script src="../../http/tests/inspector/inspector-test.js"></script>
+<script src="../../http/tests/inspector/elements-test.js"></script>
+
+<script>
+
+function click()
+{
+ var target = document.getElementById("host");
+ var rect = target.getBoundingClientRect();
+ // Simulate the mouse click over the target to trigger an event dispatch.
+ if (window.eventSender) {
+ window.eventSender.mouseMoveTo(rect.left + 10, rect.top + 10);
+ window.eventSender.mouseDown();
+ window.eventSender.mouseUp();
+ }
+}
+
+function test()
+{
+ WebInspector.domAgent.setInspectModeEnabled(true, false, step2);
+
+ function step2()
+ {
+ WebInspector.panels.elements.treeOutline.addEventListener(WebInspector.ElementsTreeOutline.Events.SelectedNodeChanged, step3);
+ InspectorTest.evaluateInPage("click()");
+ }
+
+ function step3()
+ {
+ WebInspector.panels.elements.treeOutline.removeEventListener(WebInspector.ElementsTreeOutline.Events.SelectedNodeChanged, step3);
+ var selectedElement = WebInspector.panels.elements.treeOutline.selectedTreeElement;
+ InspectorTest.addResult("Node selected: " + selectedElement.representedObject.getAttribute("id"));
+ InspectorTest.completeTest();
+ }
+}
+
+</script>
+</head>
+
+<body onload="runTest()">
+
+<p>Test that devtools can inspect text element under shadow root.</p>
+
+<div><div><div id="host"></div></div></div>
+<script>
+ var host = document.querySelector('#host');
+ var sr = host.createShadowRoot();
+ sr.innerHTML = "Text Text Text<br>Text Text Text";
+</script>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698