src/third_party/WebKit/LayoutTests/inspector/elements/inspect-pseudo-element.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../http/tests/inspector/elements-test.js"></script>
   5 <script>
   6 function clickPseudo()
   7 {
   8     if (!window.eventSender) {
   9         console.log("This test requires test shell");
  10         return;
  11     }
  12     eventSender.mouseMoveTo(2, 2);
  13     eventSender.mouseDown(0);
  14     eventSender.mouseUp(0);
  15 }
  16
  17 function test()
  18 {
  19     WebInspector.domModel.setInspectModeEnabled(true, false, inspectModeEnabled.bind(this));
  20
  21     function inspectModeEnabled()
  22     {
  23         WebInspector.notifications.addEventListener(WebInspector.NotificationService.Events.SelectedNodeChanged, selectedNodeChanged, this);
  24         InspectorTest.evaluateInPage("clickPseudo()");
  25     }
  26
  27     function selectedNodeChanged()
  28     {
  29         var selectedNode = InspectorTest.firstElementsTreeOutline().selectedDOMNode();
  30         if (!selectedNode)
  31             InspectorTest.addResult("<no selected node>");
  32         else
  33             InspectorTest.addResult("Selected node pseudo type: " + selectedNode.pseudoType());
  34         InspectorTest.completeTest();
  35     }
  36 }
  37
  38 </script>
  39 <style>
  40 body {
  41     margin: 0;
  42     padding: 0;
  43 }
  44
  45 #inspected::before {
  46     content: "BEFORE"
  47 }
  48 </style>
  49 </head>
  50
  51 <body onload="runTest()">
  52 <div id="inspected">Test</div>
  53 </body>
  54 </html>