小编Dem*_*ian的帖子

无法读取未定义的 react-testing-library 的属性“addListener”

我正在尝试使用react testing library测试我的antd应用程序,但我不断收到此错误:

类型错误:无法读取未定义的属性“addListener”

我使用自定义渲染,但错误似乎来自“渲染”方法。

const customRender = (ui, options) => render(ui, { wrapper: TestingWrapper, ...options }) ^

我什至使用相同版本的 react 和 react-dom(这似乎是 rtl 的常见问题)。

“反应”:“17.0.1”,“反应dom”:“17.0.1”,

有问题的组件似乎是这样的:

import React, {
  lazy,
  Suspense
} from 'react';

import List from 'antd/lib/list';
  
const Stories = (props) => {
    return(
  <div className="stories-container">

    <div>
      <h1 className="StoriesTitle">Stories</h1>
    </div>

    <div className="StoryListContainer">
     <Suspense fallback={<Spin />}>
        <List
          itemLayout="vertical"
          size="default"
          pagination={pagination}
          dataSource={stories}
          renderItem={item =>
            <StoryItem
              item={item}
              deleteFn={onDelete}
              loggedIn={loggedIn}
              stories={stories}
            />
          }
        />
      </Suspense>
    </div>

  </div>
    );
} …
Run Code Online (Sandbox Code Playgroud)

reactjs antd react-testing-library

8
推荐指数
2
解决办法
3280
查看次数

标签 统计

antd ×1

react-testing-library ×1

reactjs ×1