相关疑难解决方法(0)

无法读取未定义的 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
查看次数

开玩笑:“找不到react-redux上下文值;请确保组件包装在 &lt;Provider&gt; 中”

当尝试使用表单 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(); \n
Run Code Online (Sandbox Code Playgroud)\n

这是组件本身:

\n
import 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)

javascript reactjs jestjs redux

8
推荐指数
1
解决办法
1万
查看次数