cobalt/webdriver/testdata/displayed_test.html

<!--
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>