The test verifies functionality of protocol method CSS.setStyleTexts.
==== Initial style sheet text ====
#test {
box-sizing: border-box;
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#test {
}
}
Running test: testBasicSetStyle
==== Style sheet text ====
#test {
content: 'EDITED';
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#test {
}
}
Dumping matched rules:
*#test* { regular
content: 'EDITED'; @[1:4-1:22]
content: "EDITED"; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleTwice
==== Style sheet text ====
#test {
color: green;
padding: 0 4px;
cursor: pointer
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#test {
}
}
Dumping matched rules:
*#test* { regular
color: green; @[1:4-1:17]
padding: 0 4px; @[2:4-2:19]
cursor: pointer; @[3:4-4:0]
color: green; @[undefined-undefined]
padding-top: 0px; @[undefined-undefined]
padding-right: 4px; @[undefined-undefined]
padding-bottom: 0px; @[undefined-undefined]
padding-left: 4px; @[undefined-undefined]
cursor: pointer; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[8:4-8:19]
font-family: "Arial"; @[9:4-9:25]
color: blue; @[10:4-10:16]
display: flex; @[11:4-11:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[16:8-16:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
==== Style sheet text ====
#test {
color: green;
padding: 0 6px;
cursor: pointer
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#test {
}
}
Dumping matched rules:
*#test* { regular
color: green; @[1:4-1:17]
padding: 0 6px; @[2:4-2:19]
cursor: pointer; @[3:4-4:0]
color: green; @[undefined-undefined]
padding-top: 0px; @[undefined-undefined]
padding-right: 6px; @[undefined-undefined]
padding-bottom: 0px; @[undefined-undefined]
padding-left: 6px; @[undefined-undefined]
cursor: pointer; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[8:4-8:19]
font-family: "Arial"; @[9:4-9:25]
color: blue; @[10:4-10:16]
display: flex; @[11:4-11:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[16:8-16:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
==== Style sheet text ====
#test {
color: green;
padding: 0 8px;
cursor: pointer
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#test {
}
}
Dumping matched rules:
*#test* { regular
color: green; @[1:4-1:17]
padding: 0 8px; @[2:4-2:19]
cursor: pointer; @[3:4-4:0]
color: green; @[undefined-undefined]
padding-top: 0px; @[undefined-undefined]
padding-right: 8px; @[undefined-undefined]
padding-bottom: 0px; @[undefined-undefined]
padding-left: 8px; @[undefined-undefined]
cursor: pointer; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[8:4-8:19]
font-family: "Arial"; @[9:4-9:25]
color: blue; @[10:4-10:16]
display: flex; @[11:4-11:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[16:8-16:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStylePoorContent
Expected protocol error: Failed applying edit #0: SyntaxError Style text is not valid.
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleOpenBrace
Expected protocol error: Failed applying edit #0: SyntaxError Style text is not valid.
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleComment
Expected protocol error: Failed applying edit #0: SyntaxError Style text is not valid.
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleInMedia
==== Style sheet text ====
#test {
box-sizing: border-box;
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {
content: 'EDITED';
color: red;
/** foo */
}
#test {
}
}
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
content: 'EDITED'; @[14:8-14:26]
color: red; @[15:8-15:19]
content: "EDITED"; @[undefined-undefined]
color: red; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testDeleteStyleBody
==== Style sheet text ====
#test {
box-sizing: border-box;
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
@media (min-width: 1px) {
#test {}
#test {
}
}
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStylePoorRange
Expected protocol error: Specified range is out of bounds
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleOpenComment
Expected protocol error: Failed applying edit #0: SyntaxError Style text is not valid.
Dumping matched rules:
*#test* { regular
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[6:4-6:19]
font-family: "Arial"; @[7:4-7:25]
color: blue; @[8:4-8:16]
display: flex; @[9:4-9:18]
line-height: 1; @[undefined-undefined]
font-family: Arial; @[undefined-undefined]
color: blue; @[undefined-undefined]
display: flex; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testSetStyleOfRemovedRule
ERROR: Failed applying edit #0: NotFoundError Source range didn't match existing style source range
Codebase Browser
chromium