Issue 2148 - Rewrite the testpages test suite

pages/filters/websocket.tmpl

Index: pages/filters/websocket.tmpl
===================================================================
--- a/pages/filters/websocket.tmpl
+++ b/pages/filters/websocket.tmpl
@@ -1,4 +1,4 @@
-title = $websocket - ABP Test Pages
+title = $websocket
 template = testcase
 
 {% set testcase_moreinfo = [
@@ -7,12 +7,6 @@
 
 
 <script>
-function pagelog(message) {
-  var log = document.getElementById("testcase-fo-websocket");
-  log.innerText = log.innerText + message + "\n";
-  console.log(message);
-}
-
 function ws_open(evt) {
   pagelog("Connected");
   websocket.send("Test message was echoed back");
@@ -48,13 +42,14 @@
 <section class="site-panel">
   <h2>$websocket</h2>
   <p>Check that usage of the $websocket filter option works as expected.</p>
+  <p>With the filter displayed below each test case added to ABP (or with the testcase subscription installed and active), the websocket connection should be blocked and not echo back the test message.</p>
 </section>
 
 <section class="site-panel">
   <h2>Test case</h2>
   <div class="testcase-container">
-   <div class="testcase-row"><h3>WebSocket Request</h3><div id="testcase-fo-websocket"></div></div>
+   <div class="testcase-row"><h3>WebSocket Request</h3><div id="testcase-output"></div></div>
   </div>
   <h3>Filters</h3>
-  $websocket,domain=testpages.adblockplus.org
+  <pre>$websocket,domain=testpages.adblockplus.org</pre>
 </section>