如何模拟Reaction测试中的状态和数据的值
我正在为我的Reaction页面编写测试，但我的页面在其状态下使用isLoding，当加载页面时呈现“正在加载”，当加载但没有数据(来自FETCH请求)时呈现“找不到数据”，而当加载数据(来自FETCH请求)时加载欢迎页面。 我想编写一个测试，用于检查在下列情况下是否显示预期文本： 页面已加载，但未找到数据 页面已加载并包含数据 我认为我已经控制了没有数据测试可以正常工作，但是
..
react-test-renderer相关内容
Jest - 在 React 中测试模态会出错
我正在使用 react-test-renderer 和 Jest 来测试 React 组件.但是，如果我像这样测试 react-mui 模态对话框: describe('Dashboard', function () {让仪表板；beforeEach(async() => {testRenderer = TestRenderer.create(
..
Jestjs如何测试在另一个函数中被调用的函数
为了测试，我使用 jest 和 react-test-renderer.测试应该很简单，但是我很难找到合适的例子.我曾尝试做类似的事情(通常我将函数保存在单独的文件中): utils.js export const childFunction = () =>'某物';const parentFunction = () =>子函数()；导出默认的 parentFunction； utils
..
如何使用 Jest 在 React Native 中测试 Alert
因此，在我的程序中，当用户登录时，如果所有凭据都正确，如果缺少任何详细信息或格式不正确，他们将进入下一页，并且屏幕上会显示警报. 如果按下按钮后显示警报，我如何在 React Native 中使用 Jest 进行测试，并确认警报文本是否正确? 我的一些组件如下所示: ....catch(函数(错误){//在这里处理错误.var errorCode = error.code;var e
..
如何用玩笑模拟第三方 react-native 组件?
我正在使用 NumericInput，当我运行我设备上的应用程序. 然而，当我运行 jest 时，我得到了各种错误: TypeError: 无法读取未定义的属性“默认"在新图标 (node_modules/react-native-vector-icons/lib/create-icon-set.js:42:389)在constructClassInstance (node_modules
..
如何测试依赖于 useContext 钩子的反应组件?
我有一个使用 useContext 的组件，然后它的输出取决于上下文中的值.一个简单的例子: import React, { useContext } from 'react';const MyComponent = () =>{const name = useContext(NameContext);返回
{name};}; 使用来自 react 和 jest 快照的浅层
..
测试使用 Hooks 获取数据的 React 组件
我的 React 应用程序有一个组件，可以从远程服务器获取要显示的数据.在前 hooks 时代，componentDidMount() 是首选.但现在我想为此使用钩子. const App = () =>{const [ state, setState ] = useState(0);useEffect(() => {fetchData().then(setState);});返回 (
..
react-test-renderer 的 create() 与 @testing-library/react 的 render()
我是 React 的新手，对所有测试库都感到困惑.我让我的测试代码可以工作，但是为了使用它的 toMatchSnapshot() 并且不得不从 react-test-renderer 调用 create() 并且必须调用它似乎是多余的render() 来自 @testing-library/react 以便使用其断言，例如 getByLabelText(). import {render} fr
..
ReactTestUtils 已被移动
我正在开始学习 React，在进行一些测试时，我注意到两条警告消息: 警告:ReactTestUtils 已移至 react-dom/test-utils.更新参考以删除此警告. 警告:浅渲染器已移至 react-test-renderer/shallow.更新参考以删除此警告. 它们不会阻止测试运行或正确验证，但始终存在此错误. 通过查看文档，我 找到此页面，即使在我添加
..
如何测试调用api的函数?
如何测试调用get API并输出响应的函数.我尝试过，但是我可以测试处于状态的初始数据，但是我想知道如何测试调用API时更新初始状态的函数. 代码示例我尝试过的.CodeSandboxLink:[测试代码] 1 上下文API 这里我调用了函数 userDataFunc ，该函数位于上下文中，初始数据存储在状态 userData 中 从"react"导入React，{Compo
..
React-bootstrap Typeahead不适用于Jest快照
我有一个来自API文档的非常简单的 AsyncTypeahead 示例: import {AsyncTypeahead} from "react-bootstrap-typeahead"; import React, {Component} from "react"; class AsyncTest extends Component {
..
开玩笑-在React中测试模态会出错
我将Jc与react-test-renderer一起使用来测试反应组件.但是，如果我像这样测试react-mui模态对话框: describe('Dashboard', function () { let dashboard; beforeEach(async () => { testRenderer = TestRenderer.create(
..
Jest.js如何测试另一个函数内部被调用的函数
对于测试，我使用jest和react-test-renderer.测试应该很简单，但是我很难找到合适的例子.我试图做类似的事情(通常我将功能保存在单独的文件中): utils.js export const childFunction = () => 'something'; const parentFunction = () => childFunction(); expor
..
如何测试依赖于useContext钩子的react组件?
我有一个使用useContext的组件，然后其输出取决于上下文中的值.一个简单的例子: import React, { useContext } from 'react'; const MyComponent = () => { const name = useContext(NameContext); return
{name}; }; 使用来自rea
..
React Jest测试无法与ts-jest一起运行-在导入的文件上遇到意外令牌
我是测试React/Typescript应用程序的新手.我想对React组件进行单元测试，因为我完全不满意没有测试就开发应用程序.该应用程序本身运行良好，只是无法在测试模式下运行. 命令(react-scripts test的别名): yarn test 输出: FAIL src/containers/pages/Feature/Feature.test.tsx ●
..
如何测试依赖于上下文和挂钩的React组件?
我有一个使用useContext的组件，然后其输出取决于上下文中的值.一个简单的例子: import React, { useContext } from 'react'; const MyComponent = () => { const name = useContext(NameContext); return
{name}; }; 使用来自rea
..
如何用玩笑来嘲笑第三方反应本机组件?
我正在使用 NumericInput ，当我运行我的设备上的应用程序. 但是，当我运行jest时，会遇到各种错误: TypeError: Cannot read property 'default' of undefined at new Icon (node_modules/react-native-vector-icons/lib/create-icon-set.js:42:
..
测试使用Hooks获取数据的React组件
我的React应用程序具有一个组件，该组件从远程服务器获取要显示的数据.在预钩时代，componentDidMount()是必须去的地方.但是现在我想为此使用钩子. const App = () => { const [ state, setState ] = useState(0); useEffect(() => { fetchData().then(setState);
..