| <!-- |
| Taken from selenium's unit tests and modified to work with Cobalt. |
| selenium/javascript/atoms/test/shown_test.html |
| --> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>shown_test.html</title> |
| <style> |
| #box{ |
| border: 1px solid black; |
| } |
| </style> |
| <style type="text/css"> |
| #nav { |
| padding: 0; margin: 0; |
| } |
| #transparent { |
| opacity: 0; |
| } |
| #zeroheight, #zerowidth { |
| border: 0; |
| padding: 0; |
| margin: 0; |
| } |
| #zerowidth { |
| width: 0; |
| height: 70px; |
| } |
| #zeroheight { |
| width: 70px; |
| height: 0; |
| } |
| box-popup { |
| border : 1px; |
| min-width : 150px; |
| } |
| #box{ |
| border: 1px solid black; |
| } |
| </style> |
| </head> |
| <body> |
| <div style="left: 30px; top: 10px; visibility: visible; position: absolute; overflow: visible;" |
| class="box-popup" id="suggest"> |
| <p>Hello world. I like cheese.</p> |
| </div> |
| <div> |
| <p id="displayed">Displayed</p> |
| |
| <p id="transparent">Transparent</p> |
| |
| <p id="none" style="display: none;">Display set to none</p> |
| |
| <p id="hidden" style="visibility: hidden;">Hidden</p> |
| |
| <div id="hiddenparent" style="height: 2em; display: none;"> |
| <div id="hiddenchild"> |
| <a href="#" id="hiddenlink">ok</a> |
| </div> |
| </div> |
| |
| <div style="display:none"> |
| <span id="visibleSpan" style="display:block">cheese puffs</span> |
| </div> |
| </div> |
| |
| <img id="zeroheight" src="map.png"> |
| <img id="zerowidth" src="map.png"> |
| |
| <div id="zerosizeddiv" style: 'width:0;height:0'> |
| <div> |
| <img src="map.png" height="126" width="364"> |
| </div> |
| </div> |
| |
| <p id="suppressedParagraph" style="display: none">A paragraph suppressed using CSS display=none</p> |
| |
| <a id="containsNestedBlock" href="#"><div style="display:block;">text</div></a> |
| |
| <span id="onlyWhitespace"> </span> |
| <div id="grandparent" style="display:none;width:10px;"> |
| <div id="parent" style="position:absolute;right:10px;"> |
| <div id="iHaveAbsolutePosition" style="display:block">I am over here</div> |
| </div> |
| </div> |
| |
| <div id="bug5022" style="overflow:hidden; height:0; width:0;"> |
| This is a zero height/width div and overflow hidden |
| </div> |
| |
| <div style="overflow:hidden; height:0; width:0;"> |
| <div id="overflowHiddenWithFixedPositionChild"> |
| This is a zero height/width div and overflow hidden |
| <div id="fixedPositionChild" style="position:fixed"></div> |
| </div> |
| </div> |
| |
| <div id="negativePositionWithPositivePositionChildren" |
| style="position:absolute;left:-10px;top:-10px"> |
| <div style="position:absolute;left:100px;top:100px"> |
| positivePositionChildInNegativePositionParent |
| </div> |
| </div> |
| <div id='html5hidden' hidden>This is not visible</div> |
| </body> |
| </html> |
