| The test verifies CSS.getMatchedStylesForNode when used concurrently with the CSSOM modifications. |
| |
| Running test: testModifyRule |
| -------------- |
| Original rule: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| } |
| -------------- |
| Modified rule 1: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| color: red; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| } |
| --------------- |
| Modified rule 3: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| color: red; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| color: blue; |
| } |
| --------------- |
| Modified rule 2: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| color: red; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| color: green; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| color: blue; |
| } |
| --------------- |
| Restored rule 2: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| color: red; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| color: blue; |
| } |
| ----------------- |
| Restored rule 1,3: |
| *#modifyRule* { regular |
| box-sizing: border-box; |
| } |
| *#modifyRule* { regular |
| height: 100%; |
| } |
| *#modifyRule* { regular |
| width: 100%; |
| } |
| |
| Running test: testInsertFirstRule |
| Original rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| -------------- |
| After inserted rule: |
| *#insertRule* { regular |
| color: red; |
| } |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| -------------- |
| Restored rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| |
| Running test: testInsertMiddleRule |
| Original rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| -------------- |
| After inserted rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| color: red; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| -------------- |
| Restored rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| |
| Running test: testInsertLastRule |
| Original rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| -------------- |
| After inserted rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| *#insertRule* { regular |
| color: red; |
| } |
| -------------- |
| Restored rule: |
| *#insertRule* { regular |
| box-sizing: border-box; |
| } |
| *#insertRule* { regular |
| width: 100%; |
| } |
| |
| Running test: testRemoveRule |
| Original rule: |
| *#removeRule* { regular |
| box-sizing: border-box; |
| } |
| *#removeRule* { regular |
| width: 100%; |
| } |
| ------------------- |
| After remove rule 1: |
| *#removeRule* { regular |
| width: 100%; |
| } |
| ------------------- |
| After remove rule 2: |
| |