testing react stuff without pulling out my hair

react-test.js

var React = require('react/addons')
var TestUtils = React.addons.TestUtils

var Typeahead = require('../typeahead')

describe('Typeahead', function() {
  
  it('displays a list of items when onChange returns them', function() {
    function onChange(text) {
      return ['foo','bar','baz']
    }
    var type = <Typeahead onChange={onChange} />
    var container = TestUtils.renderIntoDocument(type)
    var input = TestUtils.findRenderedDOMComponentWithTag(container, 'input')
    TestUtils.Simulate.change(input, {target: {value: 'f'}})
    // If I don't wrap this in a setTimeout, TestUtils.scryDenderedDOMComponentsWithTag returns an empty array.
    // I assume this means React hasn't had time to update the DOM yet.
    setTimeout(function() {
      var buttons = TestUtils.scryRenderedDOMComponentsWithTag('button', container)
      expect(buttons.length).toBe(3)
    }, 300)
  })
})