OLD | NEW |
1 This test checks that styles edited through inspector are correctly shown upon r
eattach. | 1 This test checks that styles edited through inspector are correctly shown upon r
eattach. |
2 | 2 |
3 Opening front-end for the first time | 3 Opening front-end for the first time |
4 Dump initial styles: | 4 Dump initial styles: |
5 [expanded] | 5 [expanded] |
6 element.style { () | 6 element.style { () |
7 | 7 |
8 [expanded] | 8 [expanded] |
9 #testDiv { (style.css:1 -> style.css:1:1) | 9 #testDiv { (style.css:1 -> style.css:1:1) |
10 color: red; | 10 color: red; |
11 | 11 |
12 [expanded] | 12 [expanded] |
13 div { (user agent stylesheet) | 13 div { (user agent stylesheet) |
14 display: block; | 14 display: block; |
15 | 15 |
16 | 16 |
17 Dump styles after editing: | 17 Dump styles after editing: |
18 [expanded] | 18 [expanded] |
19 element.style { () | 19 element.style { () |
20 | 20 |
21 [expanded] | 21 [expanded] |
| 22 #testDiv, my-custom-tag { (inspector-stylesheet:1 -> inspector-stylesheet:1:1) |
| 23 |
| 24 [expanded] |
22 #testDiv { (style.css:1 -> style.css:1:1) | 25 #testDiv { (style.css:1 -> style.css:1:1) |
23 color: green; | 26 color: green; |
24 | 27 |
25 [expanded] | 28 [expanded] |
26 div { (user agent stylesheet) | 29 div { (user agent stylesheet) |
27 display: block; | 30 display: block; |
28 | 31 |
29 | 32 |
30 Opening front-end second time | 33 Opening front-end second time |
31 Dump styles after inspector was reopened: | 34 Dump styles after inspector was reopened: |
32 [expanded] | 35 [expanded] |
33 element.style { () | 36 element.style { () |
34 | 37 |
35 [expanded] | 38 [expanded] |
| 39 #testdiv, my-custom-tag { () |
| 40 |
| 41 [expanded] |
36 #testDiv { (style.css:1 -> style.css:1:1) | 42 #testDiv { (style.css:1 -> style.css:1:1) |
37 color: green; | 43 color: green; |
38 | 44 |
39 [expanded] | 45 [expanded] |
40 div { (user agent stylesheet) | 46 div { (user agent stylesheet) |
41 display: block; | 47 display: block; |
42 | 48 |
43 | 49 |
44 | 50 |
OLD | NEW |