third_party/WebKit/LayoutTests/inspector/elements/elements-panel-search.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html id="documentElement">
   3 <head>
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script>
   6 function initializeShadowDOM()
   7 {
   8     var shadow = document.querySelector('#shadow-host').createShadowRoot();
   9     var template = document.querySelector('#shadow-dom-template');
  10
  11     // Avoid matching this function
  12     shadow.appendChild(template.content.cloneNode(true));
  13 }
  14
  15 function test()
  16 {
  17     var omitInnerHTML;
  18
  19     function searchCallback(next, resultCount)
  20     {
  21         if (resultCount == 0) {
  22             InspectorTest.addResult("Nothing found");
  23             WebInspector.DOMModel.cancelSearch();
  24             next();
  25         }
  26
  27         for (var i = 0; i < resultCount; ++i)
  28             InspectorTest.domModel.searchResult(i, searchResultCallback.bind(this, i + 1 === resultCount));
  29
  30         function searchResultCallback(isLastItem, node)
  31         {
  32             node.getOuterHTML(addSearchResult.bind(this, isLastItem));
  33         }
  34
  35         function addSearchResult(isLastItem, error, markupVa_lue)
  36         {
  37             if (omitInnerHTML)
  38                 markupVa_lue = markupVa_lue.substr(0, markupVa_lue.indexOf(">") + 1);
  39             InspectorTest.addResult(markupVa_lue.split("").join(" "));
  40             if (isLastItem) {
  41                 WebInspector.DOMModel.cancelSearch();
  42                 next();
  43             }
  44         }
  45     }
  46
  47     function setUp(next)
  48     {
  49         InspectorTest.domModel.requestDocument(step2);
  50
  51         function step2()
  52         {
  53             InspectorTest.evaluateInPage("initializeShadowDOM()", next);
  54         }
  55     }
  56
  57     InspectorTest.runTestSuite([
  58         function testSetUp(next)
  59         {
  60             setUp(next);
  61         },
  62
  63         function testPlainText(next)
  64         {
  65             InspectorTest.domModel.performSearch("Fo" + "o" + "Bar", false, searchCallback.bind(this, next));
  66         },
  67
  68         function testPartialText(next)
  69         {
  70             InspectorTest.domModel.performSearch("oo" + "Ba", false, searchCallback.bind(this, next));
  71         },
  72
  73         function testStartTag(next)
  74         {
  75             InspectorTest.domModel.performSearch("<inpu" + "t", false, searchCallback.bind(this, next));
  76         },
  77
  78         function testEndTag(next)
  79         {
  80             InspectorTest.domModel.performSearch("npu" + "t>", false, searchCallback.bind(this, next));
  81         },
  82
  83         function testPartialTag(next)
  84         {
  85             InspectorTest.domModel.performSearch("npu" + "t", false, searchCallback.bind(this, next));
  86         },
  87
  88         function testPartialAbsentTagStart(next)
  89         {
  90             InspectorTest.domModel.performSearch("<npu" + "t", false, searchCallback.bind(this, next));
  91         },
  92
  93         function testPartialAbsentTagEnd(next)
  94         {
  95             InspectorTest.domModel.performSearch("npu" + ">", false, searchCallback.bind(this, next));
  96         },
  97
  98         function testFullTag(next)
  99         {
 100             InspectorTest.domModel.performSearch("<inpu" + "t>", false, searchCallback.bind(this, next));
 101         },
 102
 103         function testExactAttributeName(next)
 104         {
 105             InspectorTest.domModel.performSearch("valu" + "e", false, searchCallback.bind(this, next));
 106         },
 107
 108         function testExactAttributeVal_ue(next)
 109         {
 110             InspectorTest.domModel.performSearch("In" + "putVa" + "l", false, searchCallback.bind(this, next));
 111         },
 112
 113         function testExactAttributeVal_ueOnRoot(next)
 114         {
 115             omitInnerHTML = true;
 116             InspectorTest.domModel.performSearch("documen" + "tElement", false, searchCallback.bind(this, next));
 117         },
 118
 119         function testExactAttributeVal_ueWithQuotes(next)
 120         {
 121             omitInnerHTML = false;
 122             InspectorTest.domModel.performSearch("\"fo" + "o\"", false, searchCallback.bind(this, next));
 123         },
 124
 125         function testPartialAttributeVal_ue(next)
 126         {
 127             InspectorTest.domModel.performSearch("n" + "putVa" + "l", false, searchCallback.bind(this, next));
 128         },
 129
 130         function testXPathAttribute(next)
 131         {
 132             InspectorTest.domModel.performSearch("//html" + "//@attr", false, searchCallback.bind(this, next));
 133         },
 134
 135         function testSelector(next)
 136         {
 137             InspectorTest.domModel.performSearch("d" + "iv.divclass span", false, searchCallback.bind(this, next));
 138         },
 139
 140         function testCaseUpperFindsLower(next)
 141         {
 142             InspectorTest.domModel.performSearch("K" +"OO", false, searchCallback.bind(this, next));
 143         },
 144
 145         function testCaseLowerFindsUpper(next)
 146         {
 147             InspectorTest.domModel.performSearch("c" + "aseless", false, searchCallback.bind(this, next));
 148         },
 149
 150         function testCaseAttribute(next)
 151         {
 152             InspectorTest.domModel.performSearch("C" + "AMEL", false, searchCallback.bind(this, next));
 153         },
 154
 155         function testSearchShadowDOM(next)
 156         {
 157             InspectorTest.domModel.performSearch("<c" + "ontent", false, searchCallback.bind(this, next));
 158         },
 159
 160         function testSearchUAShadowDOM(next)
 161         {
 162             InspectorTest.addResult("Searching UA shadow DOM with setting disabled:")
 163             InspectorTest.domModel.performSearch("inne" + "r-editor", false, searchCallback.bind(this, step2));
 164
 165             function step2()
 166             {
 167                 InspectorTest.addResult("Searching UA shadow DOM with setting enabled:")
 168                 InspectorTest.domModel.performSearch("inne" + "r-editor", true, searchCallback.bind(this, next));
 169             }
 170         },
 171
 172         function testSearchShadowHostChildren(next)
 173         {
 174             InspectorTest.domModel.performSearch("shadow-host-c" + "ontent", false, searchCallback.bind(this, next));
 175         },
 176     ]);
 177
 178 }
 179 </script>
 180 </head>
 181
 182 <body onload="runTest()">
 183 <p>
 184 Tests that elements panel search is returning proper results.
 185 </p>
 186
 187 <div>FooBar</div>
 188 <input value="InputVal">
 189 <div attr="foo"></div>
 190 <div id="terminator"></div>
 191 <div class="divclass"><span>Found by selector</span></div>
 192 <span class="foo koo"></span>
 193 <span class="CASELESS"></span>
 194 <span data-camel="insenstive"></span>
 195 <div id="shadow-host">
 196     <div id="shadow-host-content"></div>
 197 </div>
 198 <template id="shadow-dom-template">
 199   <div id="shadow-dom-outer">
 200       <content></content>
 201   </div>
 202 </div>
 203 </template>
 204 <textarea></textarea>
 205
 206 </body>
 207 </html>