| Tests that forced element state is reflected in the DOM tree and Styles pane. |
| |
| Test text |
| |
| DIV with :hover and :active |
| [expanded] |
| element.style { () |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| div:active, a:active { (force-pseudo-state.html:12) |
| font-weight: bold; |
| |
| [expanded] |
| div:hover, a:hover { (force-pseudo-state.html:4) |
| color: red; |
| |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| ======== Inherited from body#mainBody.main1.main2.mainpage ======== |
| [expanded] |
| Style Attribute { () |
| /-- overloaded --/ font-weight: normal; |
| |
| |
| - <html> [descendantUserAttributeCounters:[pseudoState=1]] |
| + <head>…</head> |
| - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style="font-weight: normal; width: 85%; background-image: url(bar.png)"> [descendantUserAttributeCounters:[pseudoState=1]] |
| <p>\nTests that forced element state is reflected in the DOM tree and Styles pane.\n</p> |
| <div id="div">Test text</div> [userProperties:[pseudoState=hover,active]] |
| </body> |
| </html> |
| |
| DIV with :active and :focus |
| [expanded] |
| element.style { () |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| div:active, a:active { (force-pseudo-state.html:12) |
| font-weight: bold; |
| |
| [expanded] |
| div:focus, a:focus { (force-pseudo-state.html:8) |
| border: 1px solid green; |
| border-top-color: green; |
| border-top-style: solid; |
| border-top-width: 1px; |
| border-right-color: green; |
| border-right-style: solid; |
| border-right-width: 1px; |
| border-bottom-color: green; |
| border-bottom-style: solid; |
| border-bottom-width: 1px; |
| border-left-color: green; |
| border-left-style: solid; |
| border-left-width: 1px; |
| |
| [expanded] |
| :focus { (user agent stylesheet) |
| outline: -webkit-focus-ring-color auto 5px; |
| outline-color: -webkit-focus-ring-color; |
| outline-style: auto; |
| outline-width: 5px; |
| |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| ======== Inherited from body#mainBody.main1.main2.mainpage ======== |
| [expanded] |
| Style Attribute { () |
| /-- overloaded --/ font-weight: normal; |
| |
| |
| - <html> [descendantUserAttributeCounters:[pseudoState=1]] |
| + <head>…</head> |
| - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style="font-weight: normal; width: 85%; background-image: url(bar.png)"> [descendantUserAttributeCounters:[pseudoState=1]] |
| <p>\nTests that forced element state is reflected in the DOM tree and Styles pane.\n</p> |
| <div id="div">Test text</div> [userProperties:[pseudoState=active,focus]] |
| + <div>…</div> |
| </body> |
| </html> |
| |
| DIV with no forced state |
| [expanded] |
| element.style { () |
| |
| ======== Matched CSS Rules ======== |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| ======== Inherited from body#mainBody.main1.main2.mainpage ======== |
| [expanded] |
| Style Attribute { () |
| font-weight: normal; |
| |
| |
| - <html> |
| + <head>…</head> |
| - <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style="font-weight: normal; width: 85%; background-image: url(bar.png)"> |
| <p>\nTests that forced element state is reflected in the DOM tree and Styles pane.\n</p> |
| <div id="div">Test text</div> |
| + <div>…</div> |
| </body> |
| </html> |
| |