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 | |
17 Dump styles after editing: | 16 Dump styles after editing: |
18 [expanded] | 17 [expanded] |
19 element.style { () | 18 element.style { () |
20 | 19 |
21 [expanded] | 20 [expanded] |
22 #testDiv, my-custom-tag { (inspector-stylesheet:1 -> inspector-stylesheet:1:1) | 21 #testDiv, my-custom-tag { (inspector-stylesheet:1 -> inspector-stylesheet:1:1) |
23 | 22 |
24 [expanded] | 23 [expanded] |
25 #testDiv { (style.css:1 -> style.css:1:1) | 24 #testDiv { (style.css:1 -> style.css:1:1) |
26 color: green; | 25 color: green; |
27 | 26 |
28 [expanded] | 27 [expanded] |
29 div { (user agent stylesheet) | 28 div { (user agent stylesheet) |
30 display: block; | 29 display: block; |
31 | 30 |
32 | |
33 Opening front-end second time | 31 Opening front-end second time |
34 Dump styles after inspector was reopened: | 32 Dump styles after inspector was reopened: |
35 [expanded] | 33 [expanded] |
36 element.style { () | 34 element.style { () |
37 | 35 |
38 [expanded] | 36 [expanded] |
39 #testdiv, my-custom-tag { (<style>…</style>) | 37 #testdiv, my-custom-tag { (<style>…</style>) |
40 | 38 |
41 [expanded] | 39 [expanded] |
42 #testDiv { (style.css:1 -> style.css:1:1) | 40 #testDiv { (style.css:1 -> style.css:1:1) |
43 color: green; | 41 color: green; |
44 | 42 |
45 [expanded] | 43 [expanded] |
46 div { (user agent stylesheet) | 44 div { (user agent stylesheet) |
47 display: block; | 45 display: block; |
48 | 46 |
49 | 47 |
50 | |
OLD | NEW |