third_party/WebKit/LayoutTests/fast/text/find-hidden-text.html

   1 <html>
   2 <head>
   3     <script>
   4         function canFind(target, specimen)
   5         {
   6             getSelection().empty();
   7             document.body.innerHTML = specimen;
   8             document.execCommand("FindString", false, target);
   9             var result = getSelection().rangeCount != 0;
  10             getSelection().empty();
  11             return result;
  12         }
  13
  14         var messages = "";
  15
  16         function testTestStyle(isExpectedToFind, style, outerStyle)
  17         {
  18             var markup = "<div style='" + style + "'>word</div>";
  19             var styleMessage = "styled with " + style;
  20
  21             if (outerStyle) {
  22                 markup = "<div style='" + outerStyle + "'>" + markup + "</div>";
  23                 styleMessage += " inside an element styled with " + outerStyle;
  24             }
  25
  26             if (canFind("word", markup) == isExpectedToFind)
  27                 return;
  28
  29             if (isExpectedToFind)
  30                 messages += " Could not find";
  31             else
  32                 messages += " Found";
  33             messages += " a word " + styleMessage + ".";
  34         }
  35
  36         function testNonHiddenTextStyle(style, outerStyle)
  37         {
  38             testTestStyle(true, style, outerStyle);
  39         }
  40
  41         function testHiddenTextStyle(style, outerStyle)
  42         {
  43             testTestStyle(false, style, outerStyle);
  44         }
  45
  46         function runTests()
  47         {
  48             if (window.testRunner)
  49                 testRunner.dumpAsText();
  50
  51             testNonHiddenTextStyle("");
  52
  53             testHiddenTextStyle("display:none");
  54             testHiddenTextStyle("visibility:hidden");
  55
  56             testNonHiddenTextStyle("height:0");
  57
  58             testHiddenTextStyle("height:0; overflow:hidden");
  59             testHiddenTextStyle("height:0; overflow:scroll");
  60             testHiddenTextStyle("height:0; overflow:auto");
  61
  62             testHiddenTextStyle("width:0; overflow:hidden");
  63             testHiddenTextStyle("width:0; overflow:scroll");
  64             testHiddenTextStyle("width:0; overflow:auto");
  65
  66             testHiddenTextStyle("height:0; overflow-x:hidden");
  67             testHiddenTextStyle("height:0; overflow-x:scroll");
  68             testHiddenTextStyle("height:0; overflow-x:auto");
  69
  70             testHiddenTextStyle("width:0; overflow-x:hidden");
  71             testHiddenTextStyle("width:0; overflow-x:scroll");
  72             testHiddenTextStyle("width:0; overflow-x:auto");
  73
  74             testHiddenTextStyle("height:0; overflow-y:hidden");
  75             testHiddenTextStyle("height:0; overflow-y:scroll");
  76             testHiddenTextStyle("height:0; overflow-y:auto");
  77
  78             testHiddenTextStyle("width:0; overflow-y:hidden");
  79             testHiddenTextStyle("width:0; overflow-y:scroll");
  80             testHiddenTextStyle("width:0; overflow-y:auto");
  81
  82             testHiddenTextStyle("position: relative", "height:0; overflow:hidden");
  83             testHiddenTextStyle("position: relative", "height:0; overflow:scroll");
  84             testHiddenTextStyle("position: relative", "height:0; overflow:auto");
  85
  86             testNonHiddenTextStyle("position: absolute", "height:0; overflow:hidden");
  87             testNonHiddenTextStyle("position: absolute", "height:0; overflow:scroll");
  88             testNonHiddenTextStyle("position: absolute", "height:0; overflow:auto");
  89
  90             testNonHiddenTextStyle("position: fixed", "height:0; overflow:hidden");
  91             testNonHiddenTextStyle("position: fixed", "height:0; overflow:scroll");
  92             testNonHiddenTextStyle("position: fixed", "height:0; overflow:auto");
  93
  94             if (messages === "")
  95                 messages = "SUCCESS: Found all the strings we expected to, and none we did not expect to.";
  96             else
  97                 messages = "FAILURE:" + messages;
  98
  99             document.body.innerHTML = messages;
 100         }
 101     </script>
 102 </head>
 103 <body onload="runTests()"></body>
 104 </html>