The test verifies functionality of protocol method CSS.addRule.
==== 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: testAddRuleToStyleSheetBeginning
==== Style sheet text ====
#test { content: 'EDITED'; }#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 {
}
}
Dumping matched rules:
*#test* { regular
content: 'EDITED'; @[0:8-0:26]
content: "EDITED"; @[undefined-undefined]
}
*#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: testAddRuleToStyleSheetEnding
==== 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 {
}
}
#test { content: 'EDITED'; }
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
}
*#test* { regular
content: 'EDITED'; @[20:8-20:26]
content: "EDITED"; @[undefined-undefined]
}
Dumping inherited rules:
Running test: testAddRuleToStyleSheetCenter
==== Style sheet text ====
#test {
box-sizing: border-box;
}
#test {
/* resetting some properties */
line-height: 1;
font-family: "Arial";
color: blue;
display: flex; /* flex FTW! */
}
#test { content: 'EDITED'; }
@media (min-width: 1px) {
#test {
font-size: 200%;
}
#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]
}
*#test* { regular
content: 'EDITED'; @[11:8-11:26]
content: "EDITED"; @[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: testAddRuleToRuleEnding
==== Style sheet text ====
#test {
box-sizing: border-box;
}#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
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
content: 'EDITED'; @[3:4-3:22]
content: "EDITED"; @[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: testAddRuleWithFormatting
==== Style sheet text ====
#test {
box-sizing: border-box;
}
#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
box-sizing: border-box; @[1:4-1:27]
box-sizing: border-box; @[undefined-undefined]
}
*#test* { regular
content: 'EDITED'; @[5:4-5:22]
content: "EDITED"; @[undefined-undefined]
}
*#test* { regular
line-height: 1; @[10:4-10:19]
font-family: "Arial"; @[11:4-11:25]
color: blue; @[12:4-12:16]
display: flex; @[13:4-13: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%; @[18:8-18:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testAddRuleToMediaRuleBeginning
==== 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'; }
#test {
font-size: 200%;
}
#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'; @[12:33-12:51]
content: "EDITED"; @[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: testAddRuleToMediaRuleCenter
==== 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 { content: 'EDITED'; }
#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
font-size: 200%; @[14:8-14:24]
font-size: 200%; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
content: 'EDITED'; @[16:8-16:26]
content: "EDITED"; @[undefined-undefined]
}
@media (min-width: 1px)
*#test* { regular
}
Dumping inherited rules:
Running test: testAddRuleToMediaRuleEnd
==== 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 {
}
#test { content: 'EDITED'; }}
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
}
@media (min-width: 1px)
*#test* { regular
content: 'EDITED'; @[19:8-19:26]
content: "EDITED"; @[undefined-undefined]
}
Dumping inherited rules:
Running test: testInvalidRule
Expected protocol error: SyntaxError Rule text is not valid.
Running test: testInvalidRule2
Expected protocol error: SyntaxError Rule text is not valid.
Running test: testInvalidRule3
Expected protocol error: SyntaxError Rule text is not valid.
Running test: testAddingRuleInsideSelector
Expected protocol error: NotFoundError Cannot insert rule inside rule selector.
Running test: testAddingRuleBeforeRuleBody
Expected protocol error: NotFoundError Cannot insert rule inside rule selector.
Running test: testAddingRuleInsideMedia1
Expected protocol error: NotFoundError Cannot insert rule inside rule selector.
Running test: testAddingRuleInsideMedia2
Expected protocol error: NotFoundError Cannot insert rule inside rule selector.
Running test: testAddingRuleBeforeMediaBody
Expected protocol error: NotFoundError Cannot insert rule inside rule selector.
Running test: testAddingRuleInsideStyleRule
Expected protocol error: NotFoundError Cannot insert rule in non-media rule.
Codebase Browser
chromium