src/third_party/WebKit/LayoutTests/inspector/elements/elements-img-tooltip.html

   1 <html>
   2 <head>
   3
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../http/tests/inspector/elements-test.js"></script>
   6 <script>
   7
   8 var test = function()
   9 {
  10
  11     var treeElement;
  12     InspectorTest.nodeWithId("image", step1);
  13
  14     function step1(node)
  15     {
  16         InspectorTest.firstElementsTreeOutline()._loadDimensionsForNode(node, step2);
  17     }
  18
  19     function step2(dimensions)
  20     {
  21         const EXPECTED_WIDTH = 215;
  22         const EXPECTED_HEIGHT = 174;
  23
  24         if (!dimensions)
  25             InspectorTest.addResult("FAILED, no dimensions on treeElement.");
  26         else {
  27             if (dimensions.offsetWidth === dimensions.naturalWidth && dimensions.offsetHeight == dimensions.naturalHeight
  28                 && dimensions.offsetWidth === EXPECTED_WIDTH && dimensions.offsetHeight === EXPECTED_HEIGHT)
  29                 InspectorTest.addResult("PASSED, image dimensions for tooltip: " + EXPECTED_WIDTH + "x" + EXPECTED_HEIGHT + ".");
  30             else
  31                 InspectorTest.addResult("FAILED, image dimensions for tooltip: " + formatDimensions(dimensions) + " (should be " + EXPECTED_WIDTH + "x" + EXPECTED_HEIGHT + ").");
  32         }
  33         InspectorTest.completeTest();
  34     }
  35
  36     function formatDimensions(dimensions)
  37     {
  38         return dimensions.offsetWidth + "x" + dimensions.offsetHeight + " (natural: " + dimensions.naturalWidth + "x" + dimensions.naturalHeight + ")";
  39     }
  40 }
  41
  42 </script>
  43 </head>
  44
  45 <body onload="runTest()">
  46 <p>
  47 Tests the tooltip for the image on hover.
  48 </p>
  49
  50 <img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANcAAACuCAIAAAAqMg/rAAAAAXNSR0IArs4c6QAAAU9JREFUeNrt0jERAAAIxDDAv+dHAxNLIqHXTlLwaiTAheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSF4EJcCC7EheBCXAguxIXgQlwILsSFEuBCcCEuBBfiQnAhLgQX4kJwIS4EF+JCcCEuBBfiQnAhLgQX4kJwIS4EF+JCcCEuBBfiQnAhLgQX4kJwIS4EF+JCcCEuBBfiQnAhLoSDBZXqBFnkRyeqAAAAAElFTkSuQmCC"/>
  51
  52 </body>
  53 </html>