如何在單元測試中訪問React中的方法

我正在使用React測試任何事情，令人難以置信的困難。 TestUtils上的文檔很少，沒有例子。谷歌似乎只給我幾個結果。我正在使用茉莉花，但那不是真正讓我悲傷的部分。如何在單元測試中訪問React中的方法

下面是我嘗試過測試的最簡單的事情：

var BigButton = React.createClass({ 
    render: function() { 
    return (
     <button className="big-submit" data-color={this.props.color} onClick={this.props.action}>{this.props.text}</button> 
    ); 
    }, 
    foo: function() {}, 
    bar: function() { 
    this.foo(); 
    } 
});

我有

describe('BigButton', function() { 
    describe('render', function() { 
    it('creates a button', function() { 
     var button = <BigButton />; 
     TestUtils.renderIntoDocument(button); 
     debugger; 
    }); 
    }); 
});

我的問題一個試驗是怎麼做的我從外部訪問的任何有意義的陣營類？我怎樣才能檢查render是否返回一個按鈕的HTML元素？我知道如何使用測試間諜，但我怎麼才能找到方法foo窺探，我該如何撥打bar？一切似乎都以某種完全不可測的方式結束了。

來源

2014-11-01 Oscar Godson