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: