开玩笑：TypeError：无法读取未定义的属性（Reading＆＃x27; getFilename＆＃x27;）

Question

我最近开始使用 @testing-library/user-event库，并且面临很多问题。我正在尝试测试文本框验证流量，但是我遇到了错误，

TypeError: Cannot read properties of undefined (reading 'getFileName')

      at _default (node_modules/@jest/source-map/build/getCallsite.js:86:60)
      at Function.write (node_modules/@jest/console/build/BufferedConsole.js:104:51)
      at console._logError (node_modules/@jest/console/build/CustomConsole.js:107:12)
      at console.error (node_modules/@jest/console/build/CustomConsole.js:147:10)

这是我的测试柜

  test('allows user to add comments in the comment Box', () => {
    render(
      <ApproveModal
        showApproveModal={showApproveModal}
        updateApproveModal={updateApproveModal}
        requestId={requestId}
        hierarchyId={hierarchyId}
      />
    );

    expect(screen.getByText('Enter few details before Approval')).toBeInTheDocument();

    const commentTextBox = screen.getByRole('textbox');
    userEvent.type(commentTextBox, 'Approved By Admin');

    expect(screen.queryByText('Please input a Valid Comment!')).not.toBeInTheDocument();

    userEvent.type(commentTextBox, '');

    // expect(screen.queryByText('Please input a Valid Comment!')).toBeInTheDocument();
  });

以前是否有人遇到了这个问题？

Answer 1

尝试使用行const user = userevent.setup（）实例化USEREVENT类，然后用用户替换现有的USEREVENT呼叫。

这也可能对您有所帮助： https://testesting-library.com/docs/docs/docs/user - 事件/设置

另外，最好一次渲染一个组件，而不是多个组件，然后尝试测试您在该特定上测试的内容 成分。