Preview tests now run correctly

Pulling jQuery from the parent frame

client/commonFramework/end.js

@@ -77,7 +77,7 @@ $(document).ready(function() {
       .delay(500)
       .flatMap(() => common.executeChallenge$())
       .subscribe(
-        ({ code, tests }) => {
+        ({ tests }) => {
           common.displayTestResults(tests);
         },
         ({ err }) => {

client/commonFramework/update-preview.js

@@ -1,4 +1,9 @@
-window.common = (function({ Rx: { Observable }, common = { init: [] } }) {
+window.common = (function(global) {
+  const {
+    Rx: { Observable },
+    common = { init: [] }
+  } = global;
+
   var libraryIncludes = `
 <link
   rel='stylesheet'
@@ -13,7 +18,7 @@ window.common = (function({ Rx: { Observable }, common = { init: [] } }) {
   rel='stylesheet'
   href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'
   />
-
+<script src='https://cdn.jsdelivr.net/jquery/1.9.0/jquery.js'></script>
 <style>
   body { padding: 0px 3px 0px 3px; }
 </style>
@@ -36,10 +41,14 @@ window.common = (function({ Rx: { Observable }, common = { init: [] } }) {
 
     return iFrameScript$
       .map(script => `<script>${script}</script>`)
-      .doOnNext(script => {
+      .flatMap(script => {
         preview.open();
         preview.write(libraryIncludes + code + script);
         preview.close();
+        return Observable.fromCallback($(preview).ready, $(preview))()
+          .first()
+          // delay is need here for first initial run
+          .delay(50);
       })
       .map(() => code);
   };

client/iFrameScripts.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef, no-unused-vars, no-native-reassign */
-window.$ = parent.$;
-window.$(function() {
+window.__$ = parent.$;
+window.__$(function() {
   var _ = parent._;
   var Rx = parent.Rx;
   var chai = parent.chai;
@@ -9,6 +9,10 @@ window.$(function() {
   var common = parent.common;
   var code = common.editor.getValue();
   var editor = common.editor;
+  // grab the iframe body element
+  var body = document.getElementsByTagName('body');
+  // change the context of $ so it uses the iFrame for testing
+  var $ = __$.proxy(__$.fn.find, __$(body));
 
   common.runPreviewTests$ =
     function runPreviewTests$({ tests = [], ...rest }) {