third_party/WebKit/LayoutTests/fast/css/percent-min-width-img-src-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script type="text/javascript">
   5 var completed = 0, failures = 0, failuresDetail = "";
   6 if (window.testRunner) {
   7     testRunner.dumpAsText();
   8     testRunner.waitUntilDone();
   9 }
  10 function printResult() {
  11     document.getElementById("result").innerText = failures ? "FAIL: " + failures + " cases failed\n" + failuresDetail : "PASS";
  12     if (window.testRunner)
  13         testRunner.notifyDone();
  14 }
  15
  16 function imageCheckForMin(image) {
  17     if (image.src.match("greenbox-100px.png")  != null) {
  18         image.src = "resources/greenbox.png";
  19     }
  20     else {
  21         ++completed;
  22         if (image.width != 25) {
  23             ++failures;
  24             failuresDetail +=  image.id + ": " + image.width + " (expected: " + 25 + ")\n";
  25         }
  26         if (completed == 2)
  27              printResult();
  28     }
  29 }
  30 </script>
  31 </head>
  32
  33 <body>
  34 <div id="result"></div>
  35 <table>
  36 <tbody>
  37 <tr>
  38 <td>
  39 <img id="percentMinWidthInTable" style="min-width:100%;" src="resources/greenbox-100px.png" onload="imageCheckForMin(this)">
  40 </td>
  41 </tr>
  42 </tbody>
  43 </table>
  44 <div style="position:absolute;top:200px;left:11px">
  45 <img id="percentMinWidthInAbsolute" style="min-width:100%;" src="resources/greenbox-100px.png" onload="imageCheckForMin(this)">
  46 </div>
  47 </body>
  48 </html>