测试点击事件

Question

我有一个测试 - 它相对简单：

import {
    fireEvent,
    render,
} from '@testing-library/react';

// ...

    it('Events should bubble when they aren\'t prevented from doing so', () => {
        const parentF = jest.fn();
        const childF = jest.fn();

        const testDom = render(
            <div onClick={parentF}>
                <button onClick={childF} id="test-button">Test</button>
            </div>
        );

        testDom.findByText('Test')
            .then(element => {
                fireEvent.click(element);

                expect(parentF).toBeCalled();
                expect(childF).toBeCalled();
            });
    });

// ...

这失败了，说两者都没有被调用。 我猜我在做一些愚蠢的事情，但是有人可以告诉我它是什么吗？

Answer 1

你有一个 promise，但 jest 不知道。 尝试退货：

return testDom.findByText('Test')
       /* rest of the code */