| 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'; |
| } |
| *#test* { regular |
| box-sizing: border-box; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @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; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| } |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| 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; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @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; |
| } |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @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; |
| } |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @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; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @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; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| @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; |
| } |
| *#test* { regular |
| line-height: 1; |
| font-family: "Arial"; |
| color: blue; |
| display: flex; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| font-size: 200%; |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| } |
| @media (min-width: 1px) |
| *#test* { regular |
| content: 'EDITED'; |
| } |
| 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. |
| |