src/third_party/webdriver/test_data/veryLargeCanvas.html

   1 <?xml version="1.0"?>\r
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\r
   3 <head>\r
   4   <title>Rectangles</title>\r
   5   <script type="text/javascript">\r
   6     function appendMessage(message) {\r
   7       document.getElementById('result').innerHTML += message\r
   8         + " ";\r
   9     }\r
  10   </script>\r
  11   <style type="text/css">\r
  12     #r1 {\r
  13       position: absolute;\r
  14       background-color: lightblue;\r
  15       left: 100px;\r
  16       top: 100px;\r
  17       width: 100px;\r
  18       height: 50px;\r
  19     }\r
  20     #r2 {\r
  21       position: absolute;\r
  22       background-color: red;\r
  23       left: 2500px;\r
  24       top: 50px;\r
  25       width: 80px;\r
  26       height: 50px;\r
  27     }\r
  28     #r3 {\r
  29       position: absolute;\r
  30       background-color: yellow;\r
  31       left: 60px;\r
  32       top: 1500px;\r
  33       width: 80px;\r
  34       height: 50px;\r
  35     }\r
  36     #r4 {\r
  37       position: absolute;\r
  38       background-color: cyan;\r
  39       left: 220px;\r
  40       top: 180px;\r
  41       width: 100px;\r
  42       height: 50px;\r
  43     }\r
  44     #r5 {\r
  45       position: absolute;\r
  46       background-color: blue;\r
  47       left: 60px;\r
  48       top: 1600px;\r
  49       width: 80px;\r
  50       height: 50px;\r
  51     }\r
  52     #r6 {\r
  53       position: absolute;\r
  54       background-color: green;\r
  55       left: 2581px;\r
  56       top: 50px;\r
  57       width: 80px;\r
  58       height: 50px;\r
  59     }\r
  60     #result {\r
  61       border: 10;\r
  62       padding: 5;\r
  63       background-color: grey;\r
  64       position: absolute;\r
  65       left: 20px;\r
  66       top: 30px;\r
  67       width: 400px;\r
  68       height: 20px;\r
  69     }\r
  70     </style>\r
  71 </head>\r
  72 <body>\r
  73   <div id="result"></div>\r
  74   <div id="r1" onclick="appendMessage('First')">First Target</div>\r
  75   <div id="r2" onclick="appendMessage('Second')">Second Target</div>\r
  76   <div id="r3" onclick="appendMessage('Third')">Third Target</div>\r
  77   <div id="r4" onclick="appendMessage('Fourth')">Fourth Target</div>\r
  78   <div id="r5" onclick="appendMessage('OOPS2')">Not a Target</div>\r
  79   <div id="r6" onclick="appendMessage('OOPS')">Not a Target</div>\r
  80 </body>\r
  81 </html>\r