在 React 中使用 Jest 測試函數的返回值

Question

我將如何測試此 React 代碼中“doSomethingFancy”函數的返回值？ 我試圖找到一個超級簡單的例子，但找不到任何東西。 所以我想編寫一個測試來檢查是否返回了數字 2。 我知道它並沒有真正返回任何東西，因為我將它作為示例編寫，因此我可以學習如何為我的 React 應用程序編寫測試。

import React from 'react';

class FancyStuff extends React.Component {
    render() {
        return <div>
            <h1>
                Hello, {this.props.name}
            </h1>

            <button onClick={this.doSomethingFancy}>
                Add 1 + 1!
            </button>
        </div>;
    }

    doSomethingFancy(e) {
        e.preventDefault();
        let value = 1 + 1;
        return value;
    }
};

export default FancyStuff;

Answer 1

如果您需要訪問測試中的類方法，它將作為包裝器的實例方法返回時的屬性可用。

const wrapper = shallow(<MyComponent />);
expect(wrapper.instance().doSomethingFancy()).toEqual(true);