Tests DOMSnapshot.getSnapshot exports layout tree nodes associated with pseudo elements.
{
    computedStyles : [
        [0] : {
            properties : [
                [0] : {
                    name : font-weight
                    value : 400
                }
                [1] : {
                    name : color
                    value : rgb(0, 0, 0)
                }
            ]
        }
        [1] : {
            properties : [
                [0] : {
                    name : font-weight
                    value : 100
                }
                [1] : {
                    name : color
                    value : rgb(0, 128, 0)
                }
            ]
        }
        [2] : {
            properties : [
                [0] : {
                    name : font-weight
                    value : 700
                }
                [1] : {
                    name : color
                    value : rgb(0, 0, 255)
                }
            ]
        }
    ]
    domNodes : [
        [0] : {
            backendNodeId : <number>
            baseURL : <string>
            childNodeIndexes : [
                [0] : 1
            ]
            documentEncoding : windows-1252
            documentURL : <string>
            frameId : <string>
            layoutNodeIndex : 0
            nodeName : #document
            nodeType : 9
            nodeValue :
            scrollOffsetX : 0
            scrollOffsetY : 0
        }
        [1] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 2
                [1] : 8
            ]
            frameId : <string>
            layoutNodeIndex : 1
            nodeName : HTML
            nodeType : 1
            nodeValue :
        }
        [2] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 3
                [1] : 5
                [2] : 6
                [3] : 7
            ]
            nodeName : HEAD
            nodeType : 1
            nodeValue :
        }
        [3] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 4
            ]
            nodeName : STYLE
            nodeType : 1
            nodeValue :
        }
        [4] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      p {       position: absolute;       height: 200px;       width: 200px;       font: 10px Ahem;     }     .c1::first-letter { font-weight: lighter; color: green; }     .c2::first-letter { font-weight: bold; color: blue; }     .c2::before { counter-increment: square; content: 'square: ' counter(square) url(square.png) '! '; }     ul { font: 10px Ahem; }   
        }
        [5] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :    
        }
        [6] : {
            attributes : [
                [0] : {
                    name : src
                    value : ../../resources/ahem.js
                }
            ]
            backendNodeId : <number>
            nodeName : SCRIPT
            nodeType : 1
            nodeValue :
        }
        [7] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :    
        }
        [8] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 9
                [1] : 10
                [2] : 13
                [3] : 14
                [4] : 18
                [5] : 19
                [6] : 23
                [7] : 24
                [8] : 33
            ]
            layoutNodeIndex : 2
            nodeName : BODY
            nodeType : 1
            nodeValue :
        }
        [9] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      
        }
        [10] : {
            attributes : [
                [0] : {
                    name : class
                    value : c1
                }
            ]
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 12
            ]
            layoutNodeIndex : 3
            nodeName : P
            nodeType : 1
            nodeValue :
            pseudoElementIndexes : [
                [0] : 11
            ]
        }
        [11] : {
            backendNodeId : <number>
            layoutNodeIndex : 5
            nodeName : ::first-letter
            nodeType : 1
            nodeValue :
            pseudoType : first-letter
        }
        [12] : {
            backendNodeId : <number>
            layoutNodeIndex : 6
            nodeName : #text
            nodeType : 3
            nodeValue : I have a first letter.
        }
        [13] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      
        }
        [14] : {
            attributes : [
                [0] : {
                    name : class
                    value : c1
                }
            ]
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 16
            ]
            layoutNodeIndex : 7
            nodeName : P
            nodeType : 1
            nodeValue :
            pseudoElementIndexes : [
                [0] : 15
            ]
        }
        [15] : {
            backendNodeId : <number>
            layoutNodeIndex : 9
            nodeName : ::first-letter
            nodeType : 1
            nodeValue :
            pseudoType : first-letter
        }
        [16] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 17
            ]
            layoutNodeIndex : 10
            nodeName : SPAN
            nodeType : 1
            nodeValue :
        }
        [17] : {
            backendNodeId : <number>
            layoutNodeIndex : 11
            nodeName : #text
            nodeType : 3
            nodeValue : I have a first letter because of my parent.
        }
        [18] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      
        }
        [19] : {
            attributes : [
                [0] : {
                    name : class
                    value : c2
                }
            ]
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 22
            ]
            layoutNodeIndex : 12
            nodeName : P
            nodeType : 1
            nodeValue :
            pseudoElementIndexes : [
                [0] : 20
                [1] : 21
            ]
        }
        [20] : {
            backendNodeId : <number>
            layoutNodeIndex : 14
            nodeName : ::first-letter
            nodeType : 1
            nodeValue :
            pseudoType : first-letter
        }
        [21] : {
            backendNodeId : <number>
            layoutNodeIndex : 19
            nodeName : ::before
            nodeType : 1
            nodeValue :
            pseudoType : before
        }
        [22] : {
            backendNodeId : <number>
            layoutNodeIndex : 20
            nodeName : #text
            nodeType : 3
            nodeValue : I have some content before me with a first letter.
        }
        [23] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      
        }
        [24] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 25
                [1] : 27
                [2] : 29
                [3] : 31
            ]
            layoutNodeIndex : 21
            nodeName : UL
            nodeType : 1
            nodeValue :
        }
        [25] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 26
            ]
            layoutNodeIndex : 22
            nodeName : LI
            nodeType : 1
            nodeValue :
        }
        [26] : {
            backendNodeId : <number>
            layoutNodeIndex : 23
            nodeName : #text
            nodeType : 3
            nodeValue : water
        }
        [27] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 28
            ]
            layoutNodeIndex : 24
            nodeName : LI
            nodeType : 1
            nodeValue :
        }
        [28] : {
            backendNodeId : <number>
            layoutNodeIndex : 25
            nodeName : #text
            nodeType : 3
            nodeValue : malt
        }
        [29] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 30
            ]
            layoutNodeIndex : 26
            nodeName : LI
            nodeType : 1
            nodeValue :
        }
        [30] : {
            backendNodeId : <number>
            layoutNodeIndex : 27
            nodeName : #text
            nodeType : 3
            nodeValue : hops
        }
        [31] : {
            backendNodeId : <number>
            childNodeIndexes : [
                [0] : 32
            ]
            layoutNodeIndex : 28
            nodeName : LI
            nodeType : 1
            nodeValue :
        }
        [32] : {
            backendNodeId : <number>
            layoutNodeIndex : 29
            nodeName : #text
            nodeType : 3
            nodeValue : yeast
        }
        [33] : {
            backendNodeId : <number>
            nodeName : #text
            nodeType : 3
            nodeValue :      
        }
    ]
    layoutTreeNodes : [
        [0] : {
            boundingBox : {
                height : 600
                width : 800
                x : 0
                y : 0
            }
            domNodeIndex : 0
            isStackingContext : true
        }
        [1] : {
            boundingBox : {
                height : 600
                width : 800
                x : 0
                y : 0
            }
            domNodeIndex : 1
            isStackingContext : true
            styleIndex : 0
        }
        [2] : {
            boundingBox : {
                height : 582
                width : 784
                x : 8
                y : 8
            }
            domNodeIndex : 8
            styleIndex : 0
        }
        [3] : {
            boundingBox : {
                height : 200
                width : 200
                x : 8
                y : 18
            }
            domNodeIndex : 10
            styleIndex : 0
        }
        [4] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 18
            }
            domNodeIndex : 11
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 10
                        x : 8
                        y : 18
                    }
                    numCharacters : 1
                    startCharacterIndex : 0
                }
            ]
            layoutText : I
            styleIndex : 1
        }
        [5] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 18
            }
            domNodeIndex : 11
            styleIndex : 1
        }
        [6] : {
            boundingBox : {
                height : 20
                width : 140
                x : 8
                y : 18
            }
            domNodeIndex : 12
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 130
                        x : 18
                        y : 18
                    }
                    numCharacters : 13
                    startCharacterIndex : 0
                }
                [1] : {
                    boundingBox : {
                        height : 10
                        width : 70
                        x : 8
                        y : 28
                    }
                    numCharacters : 7
                    startCharacterIndex : 14
                }
            ]
            layoutText :  have a first letter.
            styleIndex : 0
        }
        [7] : {
            boundingBox : {
                height : 200
                width : 200
                x : 8
                y : 18
            }
            domNodeIndex : 14
            styleIndex : 0
        }
        [8] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 18
            }
            domNodeIndex : 15
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 10
                        x : 8
                        y : 18
                    }
                    numCharacters : 1
                    startCharacterIndex : 0
                }
            ]
            layoutText : I
            styleIndex : 1
        }
        [9] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 18
            }
            domNodeIndex : 15
            styleIndex : 1
        }
        [10] : {
            boundingBox : {
                height : 30
                width : 200
                x : 8
                y : 18
            }
            domNodeIndex : 16
            styleIndex : 0
        }
        [11] : {
            boundingBox : {
                height : 30
                width : 200
                x : 8
                y : 18
            }
            domNodeIndex : 17
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 130
                        x : 18
                        y : 18
                    }
                    numCharacters : 13
                    startCharacterIndex : 0
                }
                [1] : {
                    boundingBox : {
                        height : 10
                        width : 200
                        x : 8
                        y : 28
                    }
                    numCharacters : 20
                    startCharacterIndex : 14
                }
                [2] : {
                    boundingBox : {
                        height : 10
                        width : 70
                        x : 8
                        y : 38
                    }
                    numCharacters : 7
                    startCharacterIndex : 35
                }
            ]
            layoutText :  have a first letter because of my parent.
            styleIndex : 0
        }
        [12] : {
            boundingBox : {
                height : 200
                width : 200
                x : 8
                y : 18
            }
            domNodeIndex : 19
            styleIndex : 0
        }
        [13] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 110
            }
            domNodeIndex : 20
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 10
                        x : 8
                        y : 110
                    }
                    numCharacters : 1
                    startCharacterIndex : 0
                }
            ]
            layoutText : s
            styleIndex : 2
        }
        [14] : {
            boundingBox : {
                height : 10
                width : 10
                x : 8
                y : 110
            }
            domNodeIndex : 20
            styleIndex : 2
        }
        [15] : {
            boundingBox : {
                height : 10
                width : 70
                x : 18
                y : 110
            }
            domNodeIndex : 21
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 70
                        x : 18
                        y : 110
                    }
                    numCharacters : 7
                    startCharacterIndex : 0
                }
            ]
            layoutText : quare: 
            styleIndex : 0
        }
        [16] : {
            boundingBox : {
                height : 10
                width : 10
                x : 88
                y : 110
            }
            domNodeIndex : 21
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 10
                        x : 88
                        y : 110
                    }
                    numCharacters : 1
                    startCharacterIndex : 0
                }
            ]
            layoutText : 1
            styleIndex : 0
        }
        [17] : {
            boundingBox : {
                height : 100
                width : 100
                x : 98
                y : 18
            }
            domNodeIndex : 21
            styleIndex : 0
        }
        [18] : {
            boundingBox : {
                height : 10
                width : 10
                x : 198
                y : 110
            }
            domNodeIndex : 21
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 10
                        x : 198
                        y : 110
                    }
                    numCharacters : 1
                    startCharacterIndex : 0
                }
            ]
            layoutText : ! 
            styleIndex : 0
        }
        [19] : {
            boundingBox : {
                height : 10
                width : 200
                x : 8
                y : 110
            }
            domNodeIndex : 21
            styleIndex : 0
        }
        [20] : {
            boundingBox : {
                height : 30
                width : 190
                x : 8
                y : 120
            }
            domNodeIndex : 22
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 190
                        x : 8
                        y : 120
                    }
                    numCharacters : 19
                    startCharacterIndex : 0
                }
                [1] : {
                    boundingBox : {
                        height : 10
                        width : 160
                        x : 8
                        y : 130
                    }
                    numCharacters : 16
                    startCharacterIndex : 20
                }
                [2] : {
                    boundingBox : {
                        height : 10
                        width : 130
                        x : 8
                        y : 140
                    }
                    numCharacters : 13
                    startCharacterIndex : 37
                }
            ]
            layoutText : I have some content before me with a first letter.
            styleIndex : 0
        }
        [21] : {
            boundingBox : {
                height : 40
                width : 784
                x : 8
                y : 8
            }
            domNodeIndex : 24
            styleIndex : 0
        }
        [22] : {
            boundingBox : {
                height : 10
                width : 744
                x : 48
                y : 8
            }
            domNodeIndex : 25
            styleIndex : 0
        }
        [23] : {
            boundingBox : {
                height : 10
                width : 50
                x : 48
                y : 8
            }
            domNodeIndex : 26
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 50
                        x : 48
                        y : 8
                    }
                    numCharacters : 5
                    startCharacterIndex : 0
                }
            ]
            layoutText : water
            styleIndex : 0
        }
        [24] : {
            boundingBox : {
                height : 10
                width : 744
                x : 48
                y : 18
            }
            domNodeIndex : 27
            styleIndex : 0
        }
        [25] : {
            boundingBox : {
                height : 10
                width : 40
                x : 48
                y : 18
            }
            domNodeIndex : 28
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 40
                        x : 48
                        y : 18
                    }
                    numCharacters : 4
                    startCharacterIndex : 0
                }
            ]
            layoutText : malt
            styleIndex : 0
        }
        [26] : {
            boundingBox : {
                height : 10
                width : 744
                x : 48
                y : 28
            }
            domNodeIndex : 29
            styleIndex : 0
        }
        [27] : {
            boundingBox : {
                height : 10
                width : 40
                x : 48
                y : 28
            }
            domNodeIndex : 30
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 40
                        x : 48
                        y : 28
                    }
                    numCharacters : 4
                    startCharacterIndex : 0
                }
            ]
            layoutText : hops
            styleIndex : 0
        }
        [28] : {
            boundingBox : {
                height : 10
                width : 744
                x : 48
                y : 38
            }
            domNodeIndex : 31
            styleIndex : 0
        }
        [29] : {
            boundingBox : {
                height : 10
                width : 50
                x : 48
                y : 38
            }
            domNodeIndex : 32
            inlineTextNodes : [
                [0] : {
                    boundingBox : {
                        height : 10
                        width : 50
                        x : 48
                        y : 38
                    }
                    numCharacters : 5
                    startCharacterIndex : 0
                }
            ]
            layoutText : yeast
            styleIndex : 0
        }
    ]
}