我正在尝试使用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) 当尝试使用表单 React 组件执行简单的 Jest 测试时,我收到此错误:
\n \xe2\x97\x8f <LoginForm /> \xe2\x80\xba clicking the validate button \xe2\x80\xba should display page title \n \n could not find react-redux context value; please ensure the component is wrapped in a <Provider> \n \n 14 | const [inputPassword, setInputPassword] = useState(""); \n 15 | \n > 16 | const dispatch = useDispatch(); \nRun Code Online (Sandbox Code Playgroud)\n这是组件本身:
\nimport React, { useState, useEffect } from "react";\nimport { useDispatch } from "react-redux";\nimport { useHistory } from "react-router-dom";\nimport jwt_decode from …Run Code Online (Sandbox Code Playgroud)