third_party/WebKit/LayoutTests/inspector/elements/styles-2/pseudo-elements-expected.txt

   1 Tests that pseudo elements and their styles are handled properly.
   2
   3
   4 Running: dumpOriginalTree
   5 Original elements tree:
   6 - <div id="container">
   7     - <div id="inspected">
   8           ::before
   9           "Text"
  10           ::after
  11       </div>
  12     - <div id="empty">
  13           ::before
  14           ::after
  15       </div>
  16   </div>
  17
  18 Running: dumpNormalNodeStyles
  19 [expanded]
  20 element.style  { ()
  21
  22 [expanded]
  23 [$div$]  { (user agent stylesheet)
  24     display: block;
  25
  26 ======== Pseudo ::before element ========
  27 [expanded]
  28 [$#inspected:before$], .some-other-selector  { (pseudo-elements.html:4 -> pseudo-elements.html:4:1)
  29     content: "BEFORE";
  30
  31 ======== Pseudo ::after element ========
  32 [expanded]
  33 [$#inspected:after$]  { (pseudo-elements.html:8 -> pseudo-elements.html:8:1)
  34     content: "AFTER";
  35
  36
  37 Running: dumpBeforeStyles
  38 [expanded]
  39 [$#inspected:before$], .some-other-selector  { (pseudo-elements.html:4 -> pseudo-elements.html:4:1)
  40     content: "BEFORE";
  41
  42
  43 Running: dumpAfterStyles
  44 [expanded]
  45 [$#inspected:after$]  { (pseudo-elements.html:8 -> pseudo-elements.html:8:1)
  46     content: "AFTER";
  47
  48
  49 Running: removeAfter
  50 - <div id="container">
  51     - <div id="inspected">
  52           ::before
  53           "Text"
  54       </div>
  55     - <div id="empty">
  56           ::before
  57           ::after
  58       </div>
  59   </div>
  60
  61 Running: removeBefore
  62 - <div id="container">
  63       <div id="inspected">Text</div>
  64     - <div id="empty">
  65           ::before
  66           ::after
  67       </div>
  68   </div>
  69
  70 Running: addAfter
  71 - <div id="container">
  72     + <div id="inspected">…</div>
  73     - <div id="empty">
  74           ::before
  75           ::after
  76       </div>
  77   </div>
  78 == Expanding: ==
  79 - <div id="container">
  80     - <div id="inspected">
  81           "Text"
  82           ::after
  83       </div>
  84     - <div id="empty">
  85           ::before
  86           ::after
  87       </div>
  88   </div>
  89
  90 Running: addBefore
  91 - <div id="container">
  92     - <div id="inspected">
  93           ::before
  94           "Text"
  95           ::after
  96       </div>
  97     - <div id="empty">
  98           ::before
  99           ::after
 100       </div>
 101   </div>
 102
 103 Running: modifyTextContent
 104 - <div id="container">
 105     - <div id="inspected">
 106           ::before
 107           "bar"
 108           ::after
 109       </div>
 110     - <div id="empty">
 111           ::before
 112           ::after
 113       </div>
 114   </div>
 115
 116 Running: clearTextContent
 117 - <div id="container">
 118     - <div id="inspected">
 119           ::before
 120           ::after
 121       </div>
 122     - <div id="empty">
 123           ::before
 124           ::after
 125       </div>
 126   </div>
 127
 128 Running: removeNodeAndCheckPseudoElementsUnbound
 129 - <div id="container">
 130     - <div id="empty">
 131           ::before
 132           ::after
 133       </div>
 134   </div>
 135 inspected:before DOMNode in DOMAgent: false
 136 inspected:after DOMNode in DOMAgent: false
 137