所以我只是偶然發現了這個問題。我想問一下解決這個問題的最佳方法。這是我的App.js代碼的相關部分：addTask = (text) => {    const {tasks} = this.state;    tasks.push({text});    this.setState({tasks});};<AddTaskConfirmBtn    text={        this.state.newTaskValue // This is just a simple state string    }    addTask={        this.addTask    }/>AddTask 測試it('should addTask', function () {    wrapper        .instance()        .addTask('testing');    expect(        wrapper            .state('tasks')    ).toEqual([        {text: 'make todo with hooks'},        {text: 'write tests'},        {text: 'do the daily'},        {text: 'testing'},    ])});AddTaskConfirmBtn 代碼：render() {    return (        <button            onClick={                    this.props                        .addTask // This is the issue. This adds an object to the array. It is solved below            }>            Add task        </button>    );}// 僅供參考。這是我解決問題的方法render() {    return (        <button            onClick={                () => {                    this.props                        .addTask(this.props.text)                }            }>            Add task        </button>    );}這是我的測試：describe('<AddTaskConfirmBtn/>',    function () {        let wrapper;        let addTaskMock = jest.fn();        beforeEach(            function () {                wrapper = shallow(                    <AddTaskConfirmBtn addTask={addTaskMock}/>                );            }        );        it('should addTaskToTasks onClick',            function () {                wrapper                    .find('button')                    .simulate('click');                expect(addTaskMock).toHaveBeenCalledTimes(1);            }        );    })首先我正在學習單元測試和TDD，所以請對我的愚蠢感到溫柔。現在我的問題。我正在以上面看到的方式測試我的代碼。所以添加正確的值并將其推送到狀態，然后進行比較。AddTaskConfirmBtn 只是檢查該方法是否被調用。但我剛剛意識到我的測試中沒有考慮到一個錯誤。我將錯誤的東西推入數組（我相信這是我推入狀態的事件對象）。我修復了它，但有趣的是測試沒有發現它。顯然是因為我不是這樣寫的。所以我的問題是，我應該擔心嗎？我應該在測試中考慮這樣的情況嗎？或者這只是發生的事情？或者我應該在方法本身中加入保護措施？喜歡