OLD | NEW |
(Empty) | |
| 1 title = Element Hiding - ABP Test Pages |
| 2 template = testcase |
| 3 |
| 4 {% set testcase_moreinfo = [ |
| 5 ("Filter Cheatsheet - Element Hiding", "https://adblockplus.org/filter-cheatsh
eet#elementhiding"), |
| 6 ] %} |
| 7 |
| 8 <section class="site-panel"> |
| 9 <h2>Element Hiding</h2> |
| 10 <p>Check that basic element hiding functionality is working as expected.</p> |
| 11 </section> |
| 12 |
| 13 <section class="site-panel"> |
| 14 <h2>ID Selector</h2> |
| 15 <div class="testcase-container"> |
| 16 <div id="testcase-eh-id" class="testcase-contentaside stripes-red">Target</d
iv> |
| 17 <div class="testcase-content stripes-grey">Content</div> |
| 18 </div> |
| 19 <h3>Filters</h3> |
| 20 testpages.adblockplus.org###testcase-eh-id |
| 21 </section> |
| 22 |
| 23 <section class="site-panel"> |
| 24 <h2>Class Selector</h2> |
| 25 <div class="testcase-container"> |
| 26 <div class="testcase-contentaside stripes-red testcase-eh-class">Target</div
> |
| 27 <div class="testcase-content stripes-grey">Content</div> |
| 28 </div> |
| 29 <h3>Filters</h3> |
| 30 testpages.adblockplus.org##.testcase-eh-class |
| 31 </section> |
| 32 |
| 33 <section class="site-panel"> |
| 34 <h2>Descendant Selector</h2> |
| 35 <div class="testcase-container"> |
| 36 <div class="testcase-contentaside stripes-red testcase-eh-descendant">Target
</div> |
| 37 <div class="testcase-content stripes-grey">Content</div> |
| 38 </div> |
| 39 <h3>Filters</h3> |
| 40 testpages.adblockplus.org##.testcase-container > .testcase-eh-descendant |
| 41 </section> |
| 42 |
| 43 <section class="site-panel"> |
| 44 <h2>Sibling Selector</h2> |
| 45 <div class="testcase-container"> |
| 46 <div class="testcase-eh-sibling"></div> |
| 47 <div class="testcase-contentaside stripes-red testcase-eh-sibling-target">Ta
rget</div> |
| 48 <div class="testcase-content stripes-grey">Content</div> |
| 49 </div> |
| 50 <h3>Filters</h3> |
| 51 testpages.adblockplus.org##.testcase-eh-sibling + .testcase-eh-sibling-target |
| 52 </section> |
| 53 |
| 54 <section class="site-panel"> |
| 55 <h2>Attribute Selector 1</h2> |
| 56 <div class="testcase-container"> |
| 57 <table height="100" width="100" class="testcase-contentaside stripes-red tes
tcase-eh"> |
| 58 <tr><td>Target</td></tr> |
| 59 </table> |
| 60 <div class="testcase-content stripes-grey">Content</div> |
| 61 </div> |
| 62 <h3>Filters</h3> |
| 63 testpages.adblockplus.org##table[height="100"][width="100"] |
| 64 </section> |
| 65 |
| 66 <section class="site-panel"> |
| 67 <h2>Attribute Selector 2</h2> |
| 68 <div class="testcase-container"> |
| 69 <a href="http://testcase-attribute.com/" class="testcase-contentaside stripe
s-red">Target</a> |
| 70 <div class="testcase-content stripes-grey">Content</div> |
| 71 </div> |
| 72 <h3>Filters</h3> |
| 73 testpages.adblockplus.org##a[href="http://testcase-attribute.com/"] |
| 74 </section> |
| 75 |
| 76 |
| 77 <section class="site-panel"> |
| 78 <h2>Attribute Selector 3</h2> |
| 79 <div class="testcase-container"> |
| 80 <div class="testcase-contentaside stripes-red" style="width:199px;height:51p
x;">Target</div> |
| 81 <div class="testcase-content stripes-grey">Content</div> |
| 82 </div> |
| 83 <h3>Filters</h3> |
| 84 testpages.adblockplus.org##div[style="width:199px;height:51px;"] |
| 85 </section> |
| 86 |
| 87 <section class="site-panel"> |
| 88 <h2>Starts with Selector 1</h2> |
| 89 <div class="testcase-container"> |
| 90 <a href="http://testcase-attributestartswith.com/test" class="testcase-conte
ntaside stripes-red">Target</a> |
| 91 <div class="testcase-content stripes-grey">Content</div> |
| 92 </div> |
| 93 <h3>Filters</h3> |
| 94 testpages.adblockplus.org##a[href^="http://testcase-attributestartswith.com/"] |
| 95 </section> |
| 96 |
| 97 |
| 98 <section class="site-panel"> |
| 99 <h2>Starts with Selector 2</h2> |
| 100 <div class="testcase-container"> |
| 101 <div class="testcase-contentaside stripes-red" style="width:201px;height:51p
x; color: white;">Target</div> |
| 102 <div class="testcase-content stripes-grey">Content</div> |
| 103 </div> |
| 104 <h3>Filters</h3> |
| 105 testpages.adblockplus.org##div[style^="width:201px;height:51px;"] |
| 106 </section> |
| 107 |
| 108 <section class="site-panel"> |
| 109 <h2>Ends with Selector</h2> |
| 110 <div class="testcase-container"> |
| 111 <div class="testcase-contentaside stripes-red" style="color:white;width:202p
x;height:51px;">Target</div> |
| 112 <div class="testcase-content stripes-grey">Content</div> |
| 113 </div> |
| 114 <h3>Filters</h3> |
| 115 testpages.adblockplus.org##div[style$="width:202px;height:51px;"] |
| 116 </section> |
| 117 |
| 118 <section class="site-panel"> |
| 119 <h2>Contains Selector</h2> |
| 120 <div class="testcase-container"> |
| 121 <div class="testcase-contentaside stripes-red" style="width:203px;height:51p
x;color:white;">Target</div> |
| 122 <div class="testcase-content stripes-grey">Content</div> |
| 123 </div> |
| 124 <h3>Filters</h3> |
| 125 testpages.adblockplus.org##div[style*="width:203px;height:51px;"] |
| 126 </section> |
OLD | NEW |