Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: pages/filters/element-hiding-emulation.tmpl

Issue 29755578: Issue 2148 - Rewrite the testpages test suite (Closed)
Patch Set: Addressed Dave's feedback Created June 4, 2018, 1:21 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 title = Element Hiding Emulation / Extended Selectors - ABP Test Pages 1 title = Element Hiding Emulation / Extended Selectors
2 template = testcase 2 template = testcase
3 3
4 {% set testcase_moreinfo = [ 4 {% set testcase_moreinfo = [
5 ("Filter Cheatsheet - Extended Selectors", "https://adblockplus.org/filter-che atsheet#elementhideemulation"), 5 ("Filter Cheatsheet - Extended Selectors", "https://adblockplus.org/filter-che atsheet#elementhideemulation"),
6 ] %} 6 ] %}
7 7
8 <section class="site-panel"> 8 <section class="site-panel">
9 <h2>Element Hiding Emulation / Extended Selectors </h2> 9 <h2>Element Hiding Emulation / Extended Selectors </h2>
10 <p>Check that element hiding emulation functionality is working as expected.</ p> 10 <p>Check that element hiding emulation functionality is working as expected.</ p>
11 <p>With the filter displayed below each test case added to ABP (or with the te stcase subscription installed and active), the red target elements in each test case panel should be hidden while any green elements should not be hidden.</p>
11 </section> 12 </section>
12 13
13 <section class="site-panel"> 14 <section class="site-panel">
14 <h2>Basic :-abp-properties() usage</h2> 15 <h2>Basic :-abp-properties() usage</h2>
15 <div class="testcase-container"> 16 <div class="testcase-container">
16 <div class="testcase-contentaside stripes-red testcase-es-prop">Target</div> 17 <div class="testcase-contentaside stripes-red testcase-es-prop">Target</div>
17 <div class="testcase-content stripes-grey">Content</div> 18 <div class="testcase-content stripes-grey">Content</div>
18 </div> 19 </div>
19 <h3>Filters</h3> 20 <h3>Filters</h3>
20 testpages.adblockplus.org#?#div:-abp-properties(width: 213px) 21 <pre>testpages.adblockplus.org#?#div:-abp-properties(width: 213px)</pre>
21 </section> 22 </section>
22 23
23 <section class="site-panel"> 24 <section class="site-panel">
24 <h2>Basic :-abp-has() usage</h2> 25 <h2>Basic :-abp-has() usage</h2>
25 <div class="testcase-container"> 26 <div class="testcase-container">
26 <div class="testcase-contentaside stripes-red"> 27 <div class="testcase-contentaside stripes-red">
27 Target 28 Target
28 <div> 29 <div>
29 <img class="testcase-es-has"> 30 <img class="testcase-es-has">
30 </div> 31 </div>
31 </div> 32 </div>
32 <div class="testcase-content stripes-grey">Content</div> 33 <div class="testcase-content stripes-grey">Content</div>
33 </div> 34 </div>
34 <h3>Filters</h3> 35 <h3>Filters</h3>
35 testpages.adblockplus.org#?#div:-abp-has(>div>img.testcase-es-has) 36 <pre>testpages.adblockplus.org#?#div:-abp-has(>div>img.testcase-es-has)</pre>
36 </section> 37 </section>
37 38
38 39
39 <section class="site-panel"> 40 <section class="site-panel">
40 <h2>Basic :-abp-contains() usage</h2> 41 <h2>Basic :-abp-contains() usage</h2>
41 <div class="testcase-container"> 42 <div class="testcase-container">
42 <span class="testcase-contentaside stripes-red">ESContainsTarget</span> 43 <span class="testcase-contentaside stripes-red">ESContainsTarget</span>
43 <div class="testcase-content stripes-grey">Content</div> 44 <div class="testcase-content stripes-grey">Content</div>
44 </div> 45 </div>
45 <h3>Filters</h3> 46 <h3>Filters</h3>
46 testpages.adblockplus.org#?#span:-abp-contains(ESContainsTarget) 47 <pre>testpages.adblockplus.org#?#span:-abp-contains(ESContainsTarget)</pre>
47 </section> 48 </section>
48 49
49 <section class="site-panel"> 50 <section class="site-panel">
50 <h2>Chained extended selectors</h2> 51 <h2>Chained extended selectors</h2>
51 <div class="testcase-container"> 52 <div class="testcase-container">
52 <div class="testcase-contentaside stripes-red"> 53 <div class="testcase-contentaside stripes-red">
53 <div class="testcase-es-chained">Target</div> 54 <div class="testcase-es-chained">Target</div>
54 </div> 55 </div>
55 <div class="testcase-content stripes-grey">Content</div> 56 <div class="testcase-content stripes-grey">Content</div>
56 </div> 57 </div>
57 <h3>Filters</h3> 58 <h3>Filters</h3>
58 testpages.adblockplus.org#?#div:-abp-has(> div:-abp-properties(width: 214px)) 59 <pre>testpages.adblockplus.org#?#div:-abp-has(> div:-abp-properties(width: 214 px))</pre>
59 </section> 60 </section>
60 61
61 62
62 <section class="site-panel"> 63 <section class="site-panel">
63 <h2>Case insensative extended selectors</h2> 64 <h2>Case insensative extended selectors</h2>
64 <div class="testcase-container"> 65 <div class="testcase-container">
65 <div class="testcase-contentaside stripes-red testcase-es-prop">Target</div> 66 <div class="testcase-contentaside stripes-red testcase-es-prop">Target</div>
66 <div class="testcase-content stripes-grey">Content</div> 67 <div class="testcase-content stripes-grey">Content</div>
67 </div> 68 </div>
68 <h3>Filters</h3> 69 <h3>Filters</h3>
69 testpages.adblockplus.org#?#div:-abp-properties(WiDtH: 215px) 70 <pre>testpages.adblockplus.org#?#div:-abp-properties(WiDtH: 215px)</pre>
70 </section> 71 </section>
71 72
72 <section class="site-panel"> 73 <section class="site-panel">
73 <h2>Wildcard in extended selector</h2> 74 <h2>Wildcard in extended selector</h2>
74 <div class="testcase-container"> 75 <div class="testcase-container">
75 <div class="testcase-contentaside stripes-red testcase-es-wildcard">Target</ div> 76 <div class="testcase-contentaside stripes-red testcase-es-wildcard">Target</ div>
76 <div class="testcase-content stripes-grey">Content</div> 77 <div class="testcase-content stripes-grey">Content</div>
77 </div> 78 </div>
78 <h3>Filters</h3> 79 <h3>Filters</h3>
79 testpages.adblockplus.org#?#div:-abp-properties(cursor:*) 80 <pre>testpages.adblockplus.org#?#div:-abp-properties(cursor:*)</pre>
80 </section> 81 </section>
81 82
82 <section class="site-panel"> 83 <section class="site-panel">
83 <h2>Regular expression in :-abp-properties()</h2> 84 <h2>Regular expression in :-abp-properties()</h2>
84 <div class="testcase-container"> 85 <div class="testcase-container">
85 <div class="testcase-contentaside stripes-red testcase-es-regex-1">Target</d iv> 86 <div class="testcase-contentaside stripes-red testcase-es-regex-1">Target</d iv>
86 <div class="testcase-contentaside stripes-red testcase-es-regex-2">Target</d iv> 87 <div class="testcase-contentaside stripes-red testcase-es-regex-2">Target</d iv>
87 <div class="testcase-contentaside stripes-green testcase-es-regex-3">Not a T arget</div> 88 <div class="testcase-contentaside stripes-green testcase-es-regex-3">Not a T arget</div>
88 <div class="testcase-content stripes-grey">Content</div> 89 <div class="testcase-content stripes-grey">Content</div>
89 </div> 90 </div>
90 <h3>Filters</h3> 91 <h3>Filters</h3>
91 testpages.adblockplus.org#?#div:-abp-properties(/width: 12[1-5]px;/) 92 <pre>testpages.adblockplus.org#?#div:-abp-properties(/width: 12[1-5]px;/)</pre >
92 </section> 93 </section>
93 94
94 95
95 <section class="site-panel"> 96 <section class="site-panel">
96 <h2>Regular expression in :-abp-contains()</h2> 97 <h2>Regular expression in :-abp-contains()</h2>
97 <div class="testcase-container"> 98 <div class="testcase-container">
98 <div class="testcase-contentaside stripes-red">ESContainsRegEx1</div> 99 <div class="testcase-contentaside stripes-red">ESContainsRegEx1</div>
99 <div class="testcase-contentaside stripes-red">ESContainsRegEx2</div> 100 <div class="testcase-contentaside stripes-red">ESContainsRegEx2</div>
100 <div class="testcase-contentaside stripes-red">ESContainsRegEx3</div> 101 <div class="testcase-contentaside stripes-red">ESContainsRegEx3</div>
101 <div class="testcase-content stripes-grey">Content</div> 102 <div class="testcase-content stripes-grey">Content</div>
102 </div> 103 </div>
103 <h3>Filters</h3> 104 <h3>Filters</h3>
104 testpages.adblockplus.org#?#div > div :-abp-contains(/Target/) 105 <pre>testpages.adblockplus.org#?#div > div :-abp-contains(/Target/)</pre>
105 </section> 106 </section>
OLDNEW

Powered by Google App Engine
This is Rietveld