chromium/third_party/blink/web_tests/http/tests/devtools/elements/styles-2/nested-pseudo-elements-expected.txt

Tests that nested pseudo elements and their styles are handled properly.


Running: dumpOriginalTree
Original elements tree:
- <div id="container">
    - <div id="inspected">
        - ::before
              ::marker
          "Text"
        - ::after
              ::marker
      </div>
  </div>

Running: dumpBeforeStyles
[expanded] 
[$#inspected::before$] { (<style>)
    display: list-item;

[expanded] 
[$#inspected::before$] { (<style>)
    content: "BEFORE";


Running: dumpAfterStyles
[expanded] 
[$#inspected::after$] { (<style>)
    display: list-item;

[expanded] 
[$#inspected::after$] { (<style>)
    content: "AFTER";


Running: dumpBeforeMarkerStyles

Running: dumpAfterMarkerStyles

Running: removeAfterMarker
- <div id="container">
    - <div id="inspected">
        - ::before
              ::marker
          "Text"
          ::after
      </div>
  </div>

Running: removeBeforeMarker
- <div id="container">
    - <div id="inspected">
          ::before
          "Text"
          ::after
      </div>
  </div>

Running: addAfterMarker
- <div id="container">
    - <div id="inspected">
          ::before
          "Text"
        + ::after
      </div>
  </div>
== Expanding: ==
- <div id="container">
    - <div id="inspected">
          ::before
          "Text"
        - ::after
              ::marker
      </div>
  </div>

Running: addBeforeMarker
- <div id="container">
    - <div id="inspected">
        + ::before
          "Text"
        - ::after
              ::marker
      </div>
  </div>

Running: removeNodeAndCheckPseudoElementsUnbound
  <div id="container"></div>
inspected::before DOMNode in DOMAgent: false
inspected::before::marker DOMNode in DOMAgent: false
inspected::after DOMNode in DOMAgent: false
inspected::after::marker DOMNode in DOMAgent: false