This test checks that styles edited through inspector are correctly shown upon reattach.

==== Original: Matching rules for #test ====
Dumping matched rules: 
*#test* {    regular
    background-color: blue; @[1:2-1:25]
    background-color: blue; @[undefined-undefined]
}
Dumping inherited rules: 

CSS.setStyleTexts(...) to existing stylesheet
==== Style sheet text ====
#test {
    content: 'EDITED';
}

CSS.addRule(...) to new stylesheet
==== Style sheet text ====
#inspected, #test { height: 1 }


==== Modified: Matching rules for #test ====
Dumping matched rules: 
*#test* {    regular
    content: 'EDITED'; @[1:4-1:22]
    content: "EDITED"; @[undefined-undefined]
}
#inspected, *#test* {    inspector
    height: 1; @[0:20-0:30]
    height: 1px; @[undefined-undefined]
}
Dumping inherited rules: 

Disconnecting devtools

Reattaching devtools

==== Reattached: Matching rules for #test ====
Dumping matched rules: 
*#test* {    regular
    content: 'EDITED'; @[1:4-1:22]
    content: "EDITED"; @[undefined-undefined]
}
#inspected, *#test* {    inspector
    height: 1; @[0:20-0:30]
    height: 1px; @[undefined-undefined]
}
Dumping inherited rules: