| OLD | NEW |
| (Empty) |
| 1 Tests that forced element state is reflected in the DOM tree and Styles pane. | |
| 2 | |
| 3 Test text | |
| 4 | |
| 5 DIV with :hover and :active | |
| 6 [expanded] | |
| 7 element.style { () | |
| 8 | |
| 9 [expanded] | |
| 10 div:active, a:active { (force-pseudo-state.html:12 -> force-pseudo-state.html:1
2:1) | |
| 11 font-weight: bold; | |
| 12 | |
| 13 [expanded] | |
| 14 div:hover, a:hover { (force-pseudo-state.html:4 -> force-pseudo-state.html:4:1) | |
| 15 color: red; | |
| 16 | |
| 17 [expanded] | |
| 18 div { (user agent stylesheet) | |
| 19 display: block; | |
| 20 | |
| 21 ======== Inherited from body#mainBody.main1.main2.mainpage ======== | |
| 22 [expanded] | |
| 23 Style Attribute { () | |
| 24 /-- overloaded --/ font-weight: normal; | |
| 25 | |
| 26 - <html> [descendantUserAttributeCounters:[pseudoState=1]] | |
| 27 + <head>…</head> | |
| 28 - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style=
"font-weight: normal; width: 85%; background-image: url(bar.png)"> [descendantUs
erAttributeCounters:[pseudoState=1]] | |
| 29 <p>\nTests that forced element state is reflected in the DOM tree and
Styles pane.\n</p> | |
| 30 <div id="div">Test text</div> [userProperties:[pseudoState=hover,activ
e]] | |
| 31 </body> | |
| 32 </html> | |
| 33 | |
| 34 DIV with :active and :focus | |
| 35 [expanded] | |
| 36 element.style { () | |
| 37 | |
| 38 [expanded] | |
| 39 div:active, a:active { (force-pseudo-state.html:12 -> force-pseudo-state.html:1
2:1) | |
| 40 font-weight: bold; | |
| 41 | |
| 42 [expanded] | |
| 43 div:focus, a:focus { (force-pseudo-state.html:8 -> force-pseudo-state.html:8:1) | |
| 44 border: 1px solid green; | |
| 45 border-top-color: green; | |
| 46 border-top-style: solid; | |
| 47 border-top-width: 1px; | |
| 48 border-right-color: green; | |
| 49 border-right-style: solid; | |
| 50 border-right-width: 1px; | |
| 51 border-bottom-color: green; | |
| 52 border-bottom-style: solid; | |
| 53 border-bottom-width: 1px; | |
| 54 border-left-color: green; | |
| 55 border-left-style: solid; | |
| 56 border-left-width: 1px; | |
| 57 | |
| 58 [expanded] | |
| 59 :focus { (user agent stylesheet) | |
| 60 outline: -webkit-focus-ring-color auto 5px; | |
| 61 outline-color: -webkit-focus-ring-color; | |
| 62 outline-style: auto; | |
| 63 outline-width: 5px; | |
| 64 | |
| 65 [expanded] | |
| 66 div { (user agent stylesheet) | |
| 67 display: block; | |
| 68 | |
| 69 ======== Inherited from body#mainBody.main1.main2.mainpage ======== | |
| 70 [expanded] | |
| 71 Style Attribute { () | |
| 72 /-- overloaded --/ font-weight: normal; | |
| 73 | |
| 74 - <html> [descendantUserAttributeCounters:[pseudoState=1]] | |
| 75 + <head>…</head> | |
| 76 - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style=
"font-weight: normal; width: 85%; background-image: url(bar.png)"> [descendantUs
erAttributeCounters:[pseudoState=1]] | |
| 77 <p>\nTests that forced element state is reflected in the DOM tree and
Styles pane.\n</p> | |
| 78 <div id="div">Test text</div> [userProperties:[pseudoState=active,focu
s]] | |
| 79 </body> | |
| 80 </html> | |
| 81 | |
| 82 DIV with no forced state | |
| 83 [expanded] | |
| 84 element.style { () | |
| 85 | |
| 86 [expanded] | |
| 87 div { (user agent stylesheet) | |
| 88 display: block; | |
| 89 | |
| 90 ======== Inherited from body#mainBody.main1.main2.mainpage ======== | |
| 91 [expanded] | |
| 92 Style Attribute { () | |
| 93 font-weight: normal; | |
| 94 | |
| 95 - <html> | |
| 96 + <head>…</head> | |
| 97 - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style=
"font-weight: normal; width: 85%; background-image: url(bar.png)"> | |
| 98 <p>\nTests that forced element state is reflected in the DOM tree and
Styles pane.\n</p> | |
| 99 <div id="div">Test text</div> | |
| 100 </body> | |
| 101 </html> | |
| 102 | |
| OLD | NEW |