Merge pull request #1350 from ethereum/test-tab

src/app/tabs/test-tab.js

@@ -3,14 +3,36 @@ var async = require('async')
 var css = require('./styles/test-tab-styles')
 var remixTests = require('remix-tests')
 
-function append (container, txt) {
-  let child = yo`<div>${txt}</div>`
-  container.appendChild(child)
-}
+module.exports = class TestTab {
+  constructor (api = {}, events = {}, opts = {}) {
+    const self = this
+    self._opts = opts
+    self._api = api
+    self._events = events
+    self._view = { el: null }
+    self._components = {}
+    self.data = {}
 
-function testTabView (api) {
+    self._view.el = self.render()
+
+    events.app.register('tabChanged', tabName => {
+      if (tabName !== 'test') return
+      yo.update(self._view.el, self.render())
+      self._view.el.style.display = 'block'
+    })
+
+    return { render () { return self._view.el } }
+  }
+  render () {
+    const self = this
+    const api = self._api
     var container = yo`<div class="tests" id="tests"></div>`
 
+    function append (container, txt) {
+      let child = yo`<div>${txt}</div>`
+      container.appendChild(child)
+    }
+
     let testCallback = function (result) {
       if (result.type === 'contract') {
         append(container, '\n  ' + result.value)
@@ -72,7 +94,7 @@ function testTabView (api) {
       })
     }
 
-  return yo`
+    var el = yo`
       <div class="${css.testTabView} "id="testView">
         <div>
           <div class="${css.infoBox}">
@@ -84,23 +106,6 @@ function testTabView (api) {
         </div>
       </div>
     `
-}
-
-function testTab (api = {}, events = {}, opts = {}) {
-  let el = testTabView(api)
-  let gitterIsLoaded = false
-
-  events.app.register('tabChanged', (tabName) => {
-    if (tabName !== 'test' || gitterIsLoaded) {
-      return
+    return el
   }
-
-    yo.update(el, testTabView(api))
-    el.style.display = 'block'
-    gitterIsLoaded = true
-  })
-
-  return { render () { return el } }
 }
-
-module.exports = testTab