Issue 2148 - Rewrite the testpages test suite

pages/filters/blocking.tmpl

-title = Blocking - ABP Test Pages
+title = Blocking
 template = testcase
 
 {% set testcase_moreinfo = [
   ("Filter Cheatsheet - Blocking", "https://adblockplus.org/filter-cheatsheet#blocking"),
 ] %}
 
 <section class="site-panel">

[kzar, 2018/06/04 17:17:29]

I wonder if we should improve the markup a bit so it's easier to style going
forward? For example perhaps we should give the title selection another class
something like "testcase-title". Julian might be a better person to weigh in on
this one though.

[rossg, 2018/06/07 10:30:24]

I plan to do this somewhat with the next wave of test pages if thats okay?

[kzar, 2018/06/07 11:43:04]

Sure, if you want to do this later that's fair enough. I'd prefer it if you did
that separately, instead of along with the next wave of test pages though if
possible. Huge changes are quite hard to review.

   <h2>Blocking</h2>
   <p>Check that basic blocking functionality is working as expected.</p>
+  <p>With the filter displayed below each test case added to ABP (or with the testcase subscription installed and active), the test images in each test case panel should be blocked.</p>
 </section>
 
 <section class="site-panel">
   <h2>Complete Address</h2>
   <div class="testcase-container">
     <img class="testcase-contentaside" src="/testcasefiles/blocking/addresscomplete/image.jpg">
     <div class="testcase-content stripes-grey">Content</div>
   </div>
   <h3>Filters</h3>
-  ||testpages.adblockplus.org/testcasefiles/blocking/addresscomplete/image.jpg
+  <pre>||testpages.adblockplus.org/testcasefiles/blocking/addresscomplete/image.jpg</pre>
 </section>
 
 <section class="site-panel">
   <h2>Part Address</h2>
   <div class="testcase-container">
     <img class="testcase-contentaside" src="/testcasefiles/blocking/addresspart/abptestcasepath/image.jpg">
     <div class="testcase-content stripes-grey">Content</div>
   </div>
   <h3>Filters</h3>
-  /testcasefiles/blocking/addresspart/abptestcasepath/
+  <pre>/testcasefiles/blocking/addresspart/abptestcasepath/</pre>
 </section>
 
 <section class="site-panel">
   <h2>Wildcard</h2>
   <div class="testcase-container">
     <img class="testcase-contentaside" src="/testcasefiles/blocking/wildcard/one/image.jpg">
     <img class="testcase-contentaside" src="/testcasefiles/blocking/wildcard/two/image.jpg">
     <div class="testcase-content stripes-grey">Content</div>
   </div>
   <h3>Filters</h3>
-  ||testpages.adblockplus.org/testcasefiles/blocking/wildcard/*/image.jpg
+  <pre>||testpages.adblockplus.org/testcasefiles/blocking/wildcard/*/image.jpg</pre>
 </section>