substance/test/fixture/TestComponent.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

import { spy } from 'substance-test'
import { Component } from 'substance'

class TestComponent extends Component {

  constructor(...args) {
    super(...args)
    this._enableSpies()
  }

  _enableSpies() {
    ['didMount','didUpdate','dispose','shouldRerender','render'].forEach((name) => {
      spy(this, name)
    })
  }

  _disableSpies() {
    ['didMount','didUpdate','dispose','shouldRerender','render'].forEach((name) => {
      this[name].restore()
    })
  }
}

TestComponent.create = function(renderFunc, props) {
  const comp = new TestComponent(null, props)
  if (renderFunc) {
    comp.render = renderFunc
  }
  if (props) {
    comp.setProps(props)
  } else {
    comp.rerender()
  }
  return comp
}

class SimpleComponent extends TestComponent {

  render($$) {
    var el = $$('div').addClass('simple-component')
    if (this.props.children) {
      el.append(this.props.children)
    }
    return el
  }
}

TestComponent.Simple = SimpleComponent

export default TestComponent