腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
什么时候
需
要在
React
测试
库
中
使用
`
rerender
`?
javascript
、
reactjs
、
redux
、
react-testing-library
在过去,我和我的同事通常会为主要的父组件编写
React
Testing Library (RTL)
测试
,这些组件通常有许多嵌套子组件。这个
测试
是有意义的,并且运行良好。下面是我的
测试
文件
中
的一些示例代码: function renderDom(component, store) { ...render(<Provider store={store我遍历了所有的代码,Redux reducer显然可以正确地处理一个新的警报,正如我所希望的那样,在Alerts组件
中
浏览 48
提问于2021-02-06
得票数 2
2
回答
使用
rerender
使用
自定义呈现-
测试
库
。
react-testing-library
我
使用
的是
react
测试
库
,我有一个自定义的呈现: return render( <MemoryRouter>{node}</MemoryRouter> ...options}; 我可以在
测试
中
浏览 2
提问于2018-11-23
得票数 5
回答已采纳
1
回答
如何清除Jest
中
的清理
javascript
、
typescript
、
jestjs
、
react-testing-library
我想写单元
测试
,让它们变得很小。但我有个问题。每次
测试
通过时,
React
测试
库
都会卸载根组件。});
rerender
(null); });我想在每个
测试
中
调用
rerender
函数,然后为每个
测试
添加一个特定的逻辑我可以用这种方式写我的
测试
test(
浏览 7
提问于2022-10-01
得票数 0
回答已采纳
1
回答
@
react
中发现的可复制的异步错误-
库
/
react
reactjs
、
redux
、
react-redux
、
jestjs
、
react-testing-library
除非我弄错了,否则我相信我已经发现了@testing-library/
react
包如何触发重发程序(或者在本例
中
不是)的错误。我有一个密码箱,你可以在几秒钟内下载和复制: import尽管发出了
rerender
,但您将看到
测试
失败: import
React
from "
react
"
浏览 2
提问于2022-02-24
得票数 1
回答已采纳
1
回答
组件css样式在用不同的道具重新呈现时不会改变(
rerender
())
reactjs
、
react-hooks
、
jestjs
、
react-testing-library
我想用不同的属性重新呈现我的组件,但是它的CSS样式不会改变:我已经创建了一个组件,它根据显示道具更改了可见性属性,并将道具保存在状态
中
: )我想
测试
一下,如果通过传递show="{true}",div会被显示,反之亦然。我的
测试
看起来如下: test('able to update props', (
浏览 2
提问于2022-05-19
得票数 0
回答已采纳
3
回答
React
测试
库
的waitFor不工作
reactjs
、
react-testing-library
我正在
使用
React
Testing Library对我的ReactJS代码进行单元
测试
。UI中有几个异步事件,比如获取数据和单击按钮显示新页面。
React
代码有点像这样: // Inside ParentComponent.tsx {isChildVisible && <ChildComponent {..childProps}/&
浏览 37
提问于2021-03-17
得票数 5
2
回答
如何在
React
测试
库
中
查找重发后的元素?
react-testing-library
我有一段代码,首先构造表的container和
rerender
表单呈现。过了几步,我把桌子改了一遍。然后,我将
使用
容器检查是否组件
中
的'selected-value'值不是在重命名之前选择的值。我不知道如何在重命名后
使用
'selected-value'查找组件。const { container,
rerender
} = render(<Table {...props} />) const select = container.quer
浏览 5
提问于2021-12-30
得票数 1
回答已采纳
8
回答
如何在
react
测试
库
中
的单选按钮上触发更改事件?
reactjs
、
jestjs
、
react-testing-library
我正在转移到反应
测试
库
的过程
中
,并且不知道如何触发这个事件并得到更改的结果。import
React
, { useState } from "
react
";import ".from '
react<
浏览 1
提问于2019-02-15
得票数 31
回答已采纳
1
回答
redux store.dispatch在嵌套组件
中
不起作用
redux
为了快速入门并想象一下我为帮助程序所说的内容,我在链接
中
创建了它: switch(action.type){ </div> ) <
React
.StrictMode> <Co
浏览 0
提问于2021-04-13
得票数 0
1
回答
用
React
.context响应
测试
库
-
测试
挂钩
reactjs
、
react-hooks
、
react-testing-library
、
react-context
、
react-hooks-testing-library
我对带有自定义钩子的反应性
测试
库
有疑问。};// component.spec.tsximport { act,
浏览 3
提问于2021-05-29
得票数 3
1
回答
如何在Jest
中
重新呈现组件?
reactjs
、
jestjs
、
react-testing-library
config以前是localStorage
中
的布尔值,现在它有了一个更合适的值,比如prod和dev。我的应用程序在第一次加载时检查旧的布尔值,并将它们更改为各自的非布尔值--这是映射:false -> devit('should show dev config when using oldexpect(toggle2
浏览 1
提问于2022-02-01
得票数 0
2
回答
如何
测试
React
挂钩上的依赖项
reactjs
、
unit-testing
、
jestjs
、
react-hooks
我正在尝试
使用
@testing-library/
react
-hooks
测试
自定义钩子,但我在
测试
依赖项时遇到了问题。让我们以useEffect为例: import { renderHook } from '@testing-library/
react
-hooks'; expect(callback).toBeCalledTimes(2); expect(callback).toHaveBeenLastCa
浏览 36
提问于2020-10-06
得票数 2
回答已采纳
3
回答
React
Virtualized - onclick,展开行以了解更多详细信息
reactjs
、
react-virtualized
我需要打开/关闭其他行详细信息。
浏览 4
提问于2016-12-13
得票数 15
回答已采纳
1
回答
为什么setUser在调用api之后不更新用户状态?
reactjs
、
react-hooks
我正在useEffect内部进行api调用,以获取用户数据,然后尝试更新用户状态,但问题是,即使我成功地从axios调用
中
获得了用户,用户状态仍然保持为nullAuthContext.js:import axios from 'axios' import ReactDOM from
浏览 7
提问于2021-12-31
得票数 0
回答已采纳
1
回答
如何在
测试
-
库
反应
中
获得“toHaveStyle”的结果?
reactjs
、
jestjs
、
react-testing-library
测试
库
react
不会捕捉到“toHaveStyle”。然而,在我的
测试
中
,它们总是具有blue颜色。"red" : "blue" };在
测试
代码下面: const mockState = [false]; const mockSwitchGuide= jest.fn()
浏览 0
提问于2020-11-22
得票数 5
回答已采纳
6
回答
如何
使用
Jest和酶对useEffect cleanUp返回函数进行单元
测试
reactjs
、
jestjs
、
enzyme
handleScroll); }; }, []); 应为useEffect函数内的返回语句提供
测试
覆盖率
浏览 151
提问于2019-10-02
得票数 15
回答已采纳
1
回答
在自定义挂钩
测试
中
,状态不会从初始值更改。
reactjs
、
jestjs
、
react-testing-library
我正在用Jest
测试
我的自定义钩子,并
使用
React
测试
库
。我将用例子详细解释它。import * as
React
from '
react
'; const [count, setC
浏览 2
提问于2021-01-13
得票数 1
回答已采纳
2
回答
如何增加或减少某一特定项目的数量?
javascript
、
reactjs
、
react-native
文章存储在带有Img、名称、类别的Firebase
中
。用户现在如何在每次不向DB发送更新的情况下增加一个项?只有当用户单击按钮时,所有数量(在每种情况下)才会写入数据
库
。用户也被存储在带有密钥和空间的数据
库
中
。这是我的食品分文代码: {filter?.
浏览 8
提问于2022-08-02
得票数 -1
1
回答
在
React
中
,我们
什么时候
使用
rerender
变量,
什么时候
使用
常规变量?
reactjs
我们在
react
中有useState和useReducer,在更改由它们创建的变量后,组件会重新呈现。但是我们也可以
使用
useRef和简单的let和const来创建变量。据我所知,如果我们需
要在
DOM
中
显示变量,那么我们
使用
useState和useReducer,而对于计算,我们
使用
useRef,或者只
使用
常规的let和const?我说的对吗?例如,如果我读取scrollY的值,我应该将它存储在由let创建的变量
中
,如果我存储输入值,我应该
使用
浏览 34
提问于2021-01-10
得票数 0
回答已采纳
1
回答
反应-
测试
-
库
呈现VS ReactDOM.render
reactjs
、
react-testing-library
、
react-dom
、
react-test-renderer
我们过去经常
使用
reactDom.render进行
测试
。在尝试
测试
功能组件时,我们开始出现问题。在这种情况下,在处理所有钩子之前,
测试
将继续进行。我开始寻找一个解决方案,我发现function
测试
库
也实现了呈现函数。它似乎解决了这个问题。+在某些情况下
使用
act()。 从呈现()返回的值是一个带有html容器的特殊对象,而不是
React
组件。在这种情况下,我们不能再
使用
reactDom
测试
实用程序了,因为它们需要组件
浏览 0
提问于2020-01-27
得票数 8
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React之新Context API详解
19年你应该关注这50款前端热门工具(下)
react.js 学习笔记
【每周一库】see-An HTTP server for hosting static files
携程租车React Native单元测试实践
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券