JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://rawgithub.com/visionmedia/mocha/master/mocha.js"></script>
<script src="http://rawgithub.com/jfirebaugh/konacha/master/vendor/assets/javascripts/chai.js"></script>
<div id="mocha"></div>
<div id="root"></div>

CoffeeScript

window.expect = chai.expect;
mocha.ui('bdd');
mocha.reporter('html');

DOM = React.DOM

Range = React.createClass
    
  getInitialState: ->
    isRange: false

  render: ->
    check = DOM.input
      type: "checkbox",
      onChange: @rangeChanged,
      checked: @state.isRange
      name: "isRange"
      ref: "checkbox"
    DOM.form {}, [check]

  rangeChanged: React.autoBind (e)->
    @setState
      isRange: [email protected]
        
root = $("#root")

describe "test Range", ->
  beforeEach ->
    @range = Range()
    React.renderComponent(@range, root[0])

  afterEach ->
    React.unmountAndReleaseReactRootNode(root[0])

  it "should run event", (done) ->
    r = root.find("input[name=isRange]").prop('checked', true).trigger('click')
    expect(@range.state.isRange).to.be.true
    done()
    
mocha.run()