我想测试api调用和返回的数据，它们应该显示在我的函数组件中。我创建了执行api调用的List组件。我希望返回的数据显示在组件中，为此我使用了useState钩子。我检查fetch方法是否已被调用，并且它确实发生了。不幸的是，我不知道如何测试从response返回的值。当我尝试console.log时，我只得到null，我想得到‘示例文本’。这是
浏览 54提问于2020-01-24得票数 23
2回答
我正在使用React- testing -library进行测试。我正在尝试编写测试用例来覆盖我的axios失败案例，但无法做到。测试文件中，我能够测试axios调用的成功场景。但是不确定如何测试失败的情况。{ data: { greeting: "hello t
浏览 122提问于2019-09-07得票数 1
我使用react-testing-library和jest来测试在设置某个支柱时是否调用了我的API。目前，在没有完成useEffect()调用的情况下，测试立即成功。如何让测试等到useEffect完成，这样我才能确定API没有被调用？守则：
const MyComponent = ({ dontCallApi }) =>
浏览 3提问于2020-06-10得票数 3
回答已采纳
我想使用Jest和React测试库来测试这个组件： );我想测试一下当我点击的时候是否调用了changePage，有没有一种方法可以用Jest和React测试库来做呢？我是测试新手，
浏览 1提问于2020-02-07得票数 4
回答已采纳
我正在尝试使用react- test -library运行一个非常简单的测试，其中一个按钮被赋予一个模拟函数，该按钮被单击，然后该测试检查该函数是否被调用。但是，测试当前失败，因为该函数未被调用。代码如下：import { render, screen } from '@testing-library/r
浏览 53提问于2021-09-23得票数 1
大家好，我是jest新手，现在正在为我们的customHooks做一些测试。我的customHook内部有useEffect，不返回值： const useCustomHook = (func: EffectCallback, deps?) func(); }, deps);
}; 我试图做的是，回调函数不会在组件挂载后调用，而是在依赖项中的更新之后调用。我当前<
浏览 26提问于2021-08-26得票数 1
我创建了这个CodeSandbox，这样我就可以演示相关代码的问题( onChange在测试中无法触发)： https://codesandbox.io/s/festive-tree-xkw8s?file=/src/App.test.js 但是，在CodeSandbox中，我甚至不能做到这一点，因为只要我调用 userEvent.type(securityField, 'abc{enter}')因此，AsynSelect的loadOptions
浏览 17提问于2021-08-08得票数 0
回答已采纳
，SomeComponent在第一次呈现时调用onShow。我试过实现两种非常相似的测试，区别是第一种是使用酶，另一种是使用反应测试库。import * as reactTestingLibrary from "react-testing-library</em
浏览 1提问于2019-05-10得票数 3
2回答
我正在尝试使用@testing-library/react-hooks测试自定义钩子，但我在测试依赖项时遇到了问题。让我们以useEffect为例： import { renderHook } from '@testing-library/react-hooks'; expect(callback).toBeCalledTimes(2);
浏览 36提问于2020-10-06得票数 2
回答已采纳
我正在尝试在我的React应用程序中进行快照测试。我已经在使用react- testing -library进行一般的单元测试了。然而，对于快照测试，我在网上看到了不同的方法，要么使用react-test-renderer，要么使用react-test库。这里有3个例子，它们之间的区别是什么，什么是首选的？1.使用react-t
浏览 90提问于2021-02-25得票数 5
回答已采纳
1回答
我在React-Redux连接组件测试中遇到了麻烦。我想用异步操作来测试这个组件，但在控制台中我总是得到一个错误...我使用带有jest的React- testing -library进行测试(而不是酶)。"CardList.js“ import React, { Fragment, useEffect } from 'react';
import PropTypes from 'prop-ty
浏览 21提问于2020-12-25得票数 2
回答已采纳
我在用酶的支架测试React钩子。看起来没有调用React钩子useEffect。{"Message":"Hello, world"}describe('Hello', () => {Expected substring: "Hello, world"
Received string: &quo
浏览 2提问于2020-05-15得票数 1
我正在使用react-native-testing-library测试我的react-native组件。我有一个组件(为了这篇文章的目的，它被过度简化了)： __make_api_call_here_then_update_state__ <View>
浏览 4提问于2019-12-02得票数 14
我尝试了许多方案，但都没有成功，我遇到了useEffect Cleanup返回方法的问题。寻找一些解决方案来覆盖用例。无法附加截图，因为声誉较低。我做了一些研究，并遵循提供的解决方案，如创建spyOn，挂载，unMount场景。但没有一个管用。useEffect(() => { window.addEventListener('resize函数内的返回语句提
浏览 151提问于2019-10-02得票数 15
回答已采纳
ref: MutableRefObject<HTMLElement>): void => {};describe('test', () => { const ref = { expect(ref.current
浏览 8提问于2022-05-09得票数 0
我是个新手，对所有的测试库都很困惑。我让我的测试代码正常工作，但为了使用它的toMatchSnapshot()，必须从react- test -renderer调用create()，并且为了使用它的断言，必须从@testing-library/react调用render()，这似乎是多余的。import {render} from '@
浏览 1提问于2019-11-01得票数 15
我无法理解如何测试ContextProviders链在React中提供的函数我发现的所有来源要么是使用模拟内置的上下文函数，要么只是监视被调用的函数，但我想像其他任何单元一样，正确地测试它们。(这里是getNodes)：import { act, renderHook } from
浏览 6提问于2022-01-12得票数 1
1回答
我想知道为什么我需要在我的测试中放入提取模拟逻辑来使它工作。下面是一个简单的例子：// Test.jsx
// Test.test.js
import {render, screen
浏览 2提问于2021-01-28得票数 3
回答已采纳
我是新的反应原生，我正在做的应用程序与两个屏幕与功能组件。首先，当我进入屏幕A时，调用api并渲染屏幕。接下来，我从屏幕A转到屏幕B，并在从屏幕B返回到屏幕A时渲染屏幕B.Now，再次调用api并重新渲染屏幕。
浏览 2提问于2021-04-05得票数 0
我似乎无法让这个简单的测试在react-testing-library & react-native-testing-library中工作。我尝试过用act包装呈现函数的各种组合，或者使用waitFor和其他异步实用程序，但是在useEffect导致异步api调用设置新状态后，测试从不等待组件重新呈现。同样值得注意的是，我收到了警告：An update t
浏览 12提问于2022-01-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
