third_party/WebKit/LayoutTests/fast/images/exif-orientation-image-document.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.testRunner) {
   5     // Note that this test only passes in DRT. In browsers, the cross-iframe dom inspection usually causes a security exception.
   6     testRunner.dumpAsTextWithPixelResults();
   7 }
   8
   9 function log(str) {
  10     var li = document.createElement("li");
  11     li.appendChild(document.createTextNode(str));
  12     var console = document.getElementById("console");
  13     console.appendChild(li);
  14 }
  15
  16 function imageSize(name) {
  17     var img = window.frames[name].document.querySelector('img');
  18     return [img.offsetWidth, img.offsetHeight];
  19 }
  20
  21
  22 function load() {
  23     var expected = [
  24       [100, 50], [100, 50], [100, 50], [100, 50],
  25       [50, 100], [50, 100], [50, 100], [50, 100],
  26       [100, 50],
  27     ];
  28     var success = true;
  29     for(var i = 1; i <= 9; i++) {
  30         var s = imageSize("img" + i);
  31         if (s[0] !== expected[i - 1][0] || s[1] !== expected[i - 1][1])
  32             success = false;
  33     }
  34     log(success ? "PASS" : "FAIL");
  35 }
  36
  37 </script>
  38 <style>
  39 iframe { display: inline-block; margin-right: 20px; margin-bottom: 10px; width: 120px; height: 110px; vertical-align: top; border: 1px solid black; }
  40 </style>
  41 </head>
  42 <body onload="load()">
  43 <b>The images should be rotated respecting their EXIF orientation. In image documents, this happens independent of WebKitShouldRespectImageOrientation.</b><br><br>
  44 <iframe name="img1" src="resources/exif-orientation-1-ul.jpg" frameborder=0></iframe>
  45 <iframe name="img2" src="resources/exif-orientation-2-ur.jpg" frameborder=0></iframe>
  46 <iframe name="img3" src="resources/exif-orientation-3-lr.jpg" frameborder=0></iframe>
  47 <iframe name="img4" src="resources/exif-orientation-4-lol.jpg" frameborder=0></iframe>
  48 <br>
  49 <iframe name="img5" src="resources/exif-orientation-5-lu.jpg" frameborder=0></iframe>
  50 <iframe name="img6" src="resources/exif-orientation-6-ru.jpg" frameborder=0></iframe>
  51 <iframe name="img7" src="resources/exif-orientation-7-rl.jpg" frameborder=0></iframe>
  52 <iframe name="img8" src="resources/exif-orientation-8-llo.jpg" frameborder=0></iframe>
  53 <br>
  54 <iframe name="img9" src="resources/exif-orientation-9-u.jpg" frameborder=0></iframe>
  55 <br>
  56 <ul id="console"></ul>
  57 </body>
  58 </html>
  59