blob: e736ecf06e77411cd6d2e2035b8ae30804ebd08d [file] [log] [blame]
<!--
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>