Index: pages/filters/element-hiding.tmpl |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/pages/filters/element-hiding.tmpl |
@@ -0,0 +1,126 @@ |
+title = Element Hiding - ABP Test Pages |
+template = testcase |
+ |
+{% set testcase_moreinfo = [ |
+ ("Filter Cheatsheet - Element Hiding", "https://adblockplus.org/filter-cheatsheet#elementhiding"), |
+] %} |
+ |
+<section class="site-panel"> |
+ <h2>Element Hiding</h2> |
+ <p>Check that basic element hiding functionality is working as expected.</p> |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>ID Selector</h2> |
+ <div class="testcase-container"> |
+ <div id="testcase-eh-id" class="testcase-contentaside stripes-red">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org###testcase-eh-id |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Class Selector</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red testcase-eh-class">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##.testcase-eh-class |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Descendant Selector</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red testcase-eh-descendant">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##.testcase-container > .testcase-eh-descendant |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Sibling Selector</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-eh-sibling"></div> |
+ <div class="testcase-contentaside stripes-red testcase-eh-sibling-target">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##.testcase-eh-sibling + .testcase-eh-sibling-target |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Attribute Selector 1</h2> |
+ <div class="testcase-container"> |
+ <table height="100" width="100" class="testcase-contentaside stripes-red testcase-eh"> |
+ <tr><td>Target</td></tr> |
+ </table> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##table[height="100"][width="100"] |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Attribute Selector 2</h2> |
+ <div class="testcase-container"> |
+ <a href="http://testcase-attribute.com/" class="testcase-contentaside stripes-red">Target</a> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##a[href="http://testcase-attribute.com/"] |
+</section> |
+ |
+ |
+<section class="site-panel"> |
+ <h2>Attribute Selector 3</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red" style="width:199px;height:51px;">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##div[style="width:199px;height:51px;"] |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Starts with Selector 1</h2> |
+ <div class="testcase-container"> |
+ <a href="http://testcase-attributestartswith.com/test" class="testcase-contentaside stripes-red">Target</a> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##a[href^="http://testcase-attributestartswith.com/"] |
+</section> |
+ |
+ |
+<section class="site-panel"> |
+ <h2>Starts with Selector 2</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red" style="width:201px;height:51px; color: white;">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##div[style^="width:201px;height:51px;"] |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Ends with Selector</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red" style="color:white;width:202px;height:51px;">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##div[style$="width:202px;height:51px;"] |
+</section> |
+ |
+<section class="site-panel"> |
+ <h2>Contains Selector</h2> |
+ <div class="testcase-container"> |
+ <div class="testcase-contentaside stripes-red" style="width:203px;height:51px;color:white;">Target</div> |
+ <div class="testcase-content stripes-grey">Content</div> |
+ </div> |
+ <h3>Filters</h3> |
+ testpages.adblockplus.org##div[style*="width:203px;height:51px;"] |
+</section> |