Proxy Jasmine output to terminal

test/SpecRunner.html

@@ -8,6 +8,9 @@
         <script src="lib/jasmine-3.3.0/jasmine-html.js"></script>
         <script src="lib/jasmine-3.3.0/boot.js"></script>
 
+        <!-- Reporter proxy -->
+        <script src="reporterProxy.js"></script>
+
         <!-- Cast API -->
         <script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js"></script>
 

test/driver.js

@@ -3,15 +3,21 @@
 const path = require("path");
 const glob = require("glob");
 const fs = require("fs");
+const EventEmitter = require("events");
+
+const JasmineConsoleReporter = require("jasmine-console-reporter");
 
 const webdriver = require("selenium-webdriver");
 const firefox = require("selenium-webdriver/firefox");
 const chrome = require("selenium-webdriver/chrome");
 
+// Webdriver shorthands
+const { By, until } = webdriver;
+
+
 const { __extensionName
       , __extensionVersion } = require("../ext/package.json");
 
-
 const extensionArchivePath = path.join(
         path.join(__dirname, "../dist/ext/")
       , `${__extensionName}-${__extensionVersion}.xpi`);
@@ -22,7 +28,8 @@ if (!fs.existsSync(extensionArchivePath)) {
 }
 
 
-const TEST_PAGE_URL = `file:///${__dirname}/test.html`;
+const TEST_PAGE_URL = `file:///${__dirname}/SpecRunner.html`;
+const POLLING_PAGE_URL = `file:///${__dirname}/polling.html`;
 
 const firefoxOptions = new firefox.Options()
     .setBinary(firefox.Channel.NIGHTLY)
@@ -47,8 +54,11 @@ function waitUntilDefined (
       , pollingTimeout = 10000
       , pollingFrequency = 100) {
 
-   return new Promise(async (resolve, reject) => {
-        let time = pollingFrequency;
+    return new Promise(async (resolve, reject) => {
+        let elapsedTime = pollingFrequency;
+
+        // Navigate to polling page
+        await driver.get(POLLING_PAGE_URL);
 
         const interval = setInterval(async () => {
             await driver.navigate().refresh();
@@ -57,18 +67,61 @@ function waitUntilDefined (
                 return window.chrome.cast !== undefined;
             });
 
-            time += pollingFrequency;
+            elapsedTime += pollingFrequency;
 
             if (isDefined) {
                 clearInterval(interval);
                 resolve();
-            } else if (time >= pollingTimeout) {
+            } else if (elapsedTime >= pollingTimeout) {
+                clearInterval(interval);
                 reject("Timed out");
             }
         }, pollingFrequency);
     });
 }
 
+/**
+ * Jasmine runs in browser context, but reporters for terminal
+ * output run in node context. Need to forward reporter output
+ * from Jasmine in the browser context to node context to use
+ * reporters here.
+ *
+ * reporter.js is loaded on the test page and adds reporter
+ * messages to the DOM which we listen for here.
+ */
+class ReporterProxy extends EventEmitter {
+    constructor (driver) {
+        super();
+        this._driver = driver;
+        this._wait();
+    }
+
+    async _wait () {
+        const elementFilter = By.id("__msg");
+
+        // Wait for message element
+        await this._driver.wait(until.elementLocated(elementFilter))
+        
+        // Get message content
+        const messageElement = this._driver.findElement(elementFilter);
+        const messageContent = JSON.parse(await messageElement.getText());
+
+        // Remove message element
+        await this._driver.executeScript(() => {
+            document.getElementById("__msg").remove();
+        });
+
+        // Send event
+        this.emit(messageContent.subject, messageContent.data);
+
+        // Wait for next event
+        if (messageContent.subject !== "jasmineDone") {
+            this._wait();
+        }
+    }
+}
+
+
 (async () => {
     const driver = new webdriver.Builder()
         .forBrowser("firefox")
@@ -76,28 +129,35 @@ function waitUntilDefined (
         .setChromeOptions(chromeOptions)
         .build();
 
-    // Navigate to test page
-    await driver.get(TEST_PAGE_URL);
-
     const capabilties = await driver.getCapabilities();
-    switch (capabilties.get("browserName")) {
-        // Need to wait for cast extension on Chrome
-        case "chrome":
-            console.log("Waiting for cast extension...");
-            await waitUntilDefined(driver);
-            console.log("Cast extension loaded!");
+    const browserName = capabilties.get("browserName");
 
-            break;
-
-        case "firefox":
-            break;
+    // Need to wait for cast extension on Chrome
+    if (browserName === "chrome") {
+        console.log("Waiting for cast extension...");
+        await waitUntilDefined(driver);
+        console.log("Cast extension loaded!");
     }
 
-    // Load Jasmine
-    await driver.executeScript(() => {
-        const iframe = document.querySelector("iframe");
-        iframe.setAttribute("src", "SpecRunner.html");
-    });
+
+    // Create console reporter and reporter proxy.
+    const reporter = new JasmineConsoleReporter();
+    const reporterProxy = new ReporterProxy(driver);
+
+    /**
+     * Forward events from Jasmine standlone via reporter proxy to
+     * console reporter.
+     */
+    reporterProxy.on("jasmineDone"    , result => reporter.jasmineDone(result));
+    reporterProxy.on("jasmineStarted" , result => reporter.jasmineStarted(result));
+    reporterProxy.on("specDone"       , result => reporter.specDone(result));
+    reporterProxy.on("specStarted"    , result => reporter.specStarted(result));
+    reporterProxy.on("suiteDone"      , result => reporter.suiteDone(result));
+    reporterProxy.on("suiteStarted"   , result => reporter.suiteStarted(result));
+
+
+    // Load Jasmine test page
+    await driver.get(TEST_PAGE_URL);
 })();
 
 // Keep process alive

test/polling.html

@@ -4,7 +4,6 @@
         <script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js" defer></script>
     </head>
     <body>
-        <h1>TEST PAGE</h1>
-        <iframe width="800" height="600" src=""></iframe>
+        <h1>WAITING FOR CAST EXTENSION...</h1>
     </body>
 </html>

test/reporterProxy.js

@@ -0,0 +1,29 @@
+function sendMessage (message) {
+    const msgElement = document.createElement("div");
+    msgElement.setAttribute("id", "__msg");
+    msgElement.textContent = JSON.stringify(message);
+    document.body.appendChild(msgElement);
+}
+
+const reporterMethods = [
+    "jasmineDone"
+  , "jasmineStarted"
+  , "specDone"
+  , "specStarted"
+  , "suiteDone"
+  , "suiteStarted"
+];
+
+const customReporter = {};
+
+// Populate reporter methods
+for (const method of reporterMethods) {
+    customReporter[method] = function (result) {
+        sendMessage({
+            subject: method
+          , data: result
+        });
+    }
+}
+
+jasmine.getEnv().addReporter(customReporter);