腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
jest
进行
React
测试
历史
推送
reactjs
、
unit-testing
、
jestjs
、
react-router-dom
、
primereact
我正在尝试
测试
一个菜单栏,它
使用
history.push处理到某些页面的路由。我
使用
的是Primereact Menubar组件。class MenubarComponent extends
React
.Component { super(); it('should navigate on menuitem click', () => { con
浏览 22
提问于2020-04-28
得票数 0
回答已采纳
1
回答
使用
react
测试
实用程序
测试
更改时的选择
reactjs
、
testing
、
jestjs
我有以下组件:import { useHistory } from '
react
-router-dom'; </div> );我试着这
浏览 8
提问于2019-10-30
得票数 1
8
回答
如何在玩笑中模仿useHistory钩子?
reactjs
、
typescript
、
react-router
、
jestjs
、
enzyme
我是
使用
UseHistory钩子在反应路由器v5.1.2与类型记录?在运行单元
测试
时,我遇到了问题。import
React
from '
react
';import * asrouter from '
react
-router'
浏览 1
提问于2019-10-15
得票数 66
回答已采纳
1
回答
反应笑话/酶
测试
: useHistory钩子折断
测试
reactjs
、
react-router
、
jestjs
、
enzyme
/enzyme
测试
时,我编写的一个
测试
用例失败,出现以下错误`>遇到声明异常我尝试
使用
jest
来模拟useHistory,如下所示: useHistory: () => ({ push:
jest
.fn()
浏览 4
提问于2020-02-26
得票数 2
1
回答
如何在
React
应用程序中正确
测试
history.replace和history.push?
javascript
、
reactjs
、
unit-testing
、
jestjs
、
react-testing-library
当我尝试
测试
、替换或
推送
时,我要么得到表示
历史
的空对象,要么当我
使用
mock时,它永远不会被调用。目前我得到的信息是:无法窥探replace属性,因为它不是一个函数;未定义的给定,或者当我
使用
mock时,它不会被调用。 from '
react
' importcons
浏览 50
提问于2019-03-31
得票数 3
1
回答
从模块模拟的
jest
函数在被其他方法调用时不会检测到它的调用
reactjs
、
unit-testing
、
jestjs
、
react-hooks
我在这里
测试
我的自定义钩子。如果调用signIn方法,它在任何情况下都会调用history.push。 // Test.js import { renderHook, act } from "@testing-library/
react
-hooks";
jest
.mock("
浏览 11
提问于2020-12-16
得票数 1
2
回答
如何
测试
使用
上下文的
React
组件,如在带有
Jest
0.8.x的
react
-Router2.0中
javascript
、
reactjs
、
react-router
、
jestjs
、
reactjs-testutils
2.0相同的障碍(我并不是说这是
react
-router的问题,但因为它
使用
了上下文,所以它会影响我的
测试
)。因此,我有一个组件,它
使用
上下文将新状态
推送
到url this.context.router.push(...)中,这就是现在要
进行
的。我正在告诉
jest
.dontMock('
react
-router'),但我的
测试
将失败,并显示以下消息: TypeError: Cannot read property &
浏览 14
提问于2016-02-25
得票数 4
6
回答
如何
使用
浅层
测试
酶Reactjs模拟useLocation()路径名?
reactjs
、
react-router
、
jestjs
、
enzyme
我有如下所示的标题组件: let route = useLocation我不能像下面这样在
测试
文件中调用Header组件,因为我收到了一个错误: describe("<Header/>", ()
浏览 21
提问于2020-01-28
得票数 38
回答已采纳
3
回答
如何在
jest
中覆盖useParams的默认模拟
javascript
、
react-hooks
、
jestjs
、
mocking
我必须
测试
一个组件,它基于url路径参数中的国家和语言呈现。因此,我希望根据对参数的更改正确地呈现组件。 ...
jest
.requireActual('
react
-router-dom'), languag
浏览 22
提问于2021-12-06
得票数 4
1
回答
Jest
遇到了意外的令牌反应
javascript
、
reactjs
、
testing
、
jestjs
这是错误的屏幕截图: 我有两个
测试
,第一个
测试
正常: sum.js: return a + b; module.exports = sum0.18.0", "babel-loader": "^8.0.5", "
jes
浏览 0
提问于2019-03-20
得票数 1
回答已采纳
3
回答
错误
测试
反应元件- SecurityError
reactjs
、
chai
、
jestjs
、
enzyme
我正在
测试
一个
react
,它检查本地存储中是否存在令牌。如果存在,则将用户重定向到Home组件,否则用户将被重定向到Login组件。然而,在上一次
测试
中,我得到了一个奇怪的错误,它
测试
调用componentDidMount 在(node_modules/jsdom/lib/jsdom/living/windowHistoryImpl.pushState 在(node_modules/jsdom/lib/jsdom&
浏览 7
提问于2017-04-25
得票数 3
1
回答
在不修改组件的情况下响应类型记录
测试
历史
reactjs
、
typescript
、
unit-testing
、
jestjs
、
enzyme
我的NotFound.test.tsximport
React
from "
react
";import {NotFound"; useHistory: () => createMemoryHistory({ initialEntries我已经看到的其他解决
浏览 5
提问于2021-01-11
得票数 0
回答已采纳
3
回答
如何在结束
测试
前等待Redux Persist恢复水化
reactjs
、
react-native
、
jestjs
、
redux-persist
ConnectedRootComponent /> </Provider>}; 它
使用
我有一个
Jest
测试
(只是
react
原生的默认
测试
): const rendered = renderer.createcons
浏览 1
提问于2018-06-13
得票数 15
5
回答
React
Router -无法读取未定义的属性'history‘
javascript
、
reactjs
、
typescript
、
react-router
、
react-router-v4
我正在建立一个风格指南应用程序。我有两个下拉组件,用户可以选择一个品牌和一个组件-应用程序将显示所选的组件品牌根据所选的品牌。我希望这两个选项都包含在URL中。 通过编程更改路由的两个下拉列表。每当用户与下拉菜单交互时,我都会收到错误TypeError: Cannot read property 'history‘of undefined。 我有一个由路由呈现的组件: <Route path="/:brand/:component" render={props => <DisplayComponent {...props} />} />
浏览 57
提问于2019-03-04
得票数 1
回答已采纳
9
回答
如何
使用
新的反应性路由器挂钩
测试
组件?
react-router
到目前为止,在单元
测试
中,
react
路由器匹配参数被检索为组件的支持。因此,
测试
考虑特定匹配的组件(带有特定的url参数)是很容易的:当我们在
测试
中呈现组件时,我们只需根据需要精确地完成路由器匹配的支持(为此我
使用
了酶库)。我真的很喜欢用新的钩子来检索路由信息,但是我没有找到关于如何在单元
测试
中模拟一个反应路由器匹配的例子,如何
使用
新的反应性路由器挂钩?
浏览 23
提问于2019-09-26
得票数 108
回答已采纳
2
回答
React
-如何模拟useFormContext (
react
-hook-form)
reactjs
、
react-hook-form
我在一个子组件中
使用
了useFormContext。这是它的代码: const { register } = useFormContext<CustomerProfileFormData>(); 如何模拟useFormContext以便
测试
子组件。这就是
测试
it('should render properly', () => { expect(‘的属性’TypeError‘<em
浏览 106
提问于2021-06-30
得票数 3
3
回答
如何
使用
Jest
使用
新的
React
路由器钩子模拟history.push
reactjs
、
react-router
、
jestjs
、
react-router-dom
、
react-testing-library
我正在尝试模拟
react
-router上新的history.push钩子中的useHistory,并
使用
@testing-library/
react
。我只是模拟了这个模块,就像这里的第一个答案://NotFound.jsimport { useHistory } from'
react
-router-dom'; const Rout
浏览 1
提问于2019-10-23
得票数 36
回答已采纳
1
回答
Jest
:
测试
函数组件中的useNavigate钩子
reactjs
、
react-hooks
、
jestjs
、
react-router-dom
我正在用
Jest
编写
测试
,并希望
测试
一个简单的按钮,它可以作为注销,并通过onClick将您重定向到onClick。import
React
from "
react
"; const第二个
测
浏览 5
提问于2022-05-15
得票数 2
回答已采纳
1
回答
如何在
React
组件中
测试
基本方法?
javascript
、
reactjs
、
unit-testing
、
jestjs
、
react-testing-library
我有一个
React
组件,它有一个简单的输入表单和按钮来输入电子邮件。我的代码库
使用
Jest
(
使用
jest
-dom和@
jest
library/
react
)
进行
了单元
测试
,也
使用
Cypress
进行
了集成
测试
。我想在一个名为ContactBox的
React
组件上为这个简单的方法编写一个单元
测试
。
测试
这一点的好方法?我想我
浏览 9
提问于2020-02-26
得票数 0
1
回答
使用
Jest
在Next.JS中
测试
ClientPortal
javascript
、
reactjs
、
jestjs
、
next.js
我正在
使用
NextJS,并且正在尝试
测试
ClientPortal组件。我正在
使用
Jest
和
React
测试
库
进行
测试
。下面是ClientPortal组件: import { useEffect, useRef, useState } from "
react
"; export default fun
浏览 40
提问于2021-10-13
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
英国国家档案馆使用区块链进行历史文献保存测试
携程租车React Native单元测试实践
为React开发人员推荐8个测试工具、库和框架
家政小程序开发的要点
利用 Jest为React 组件编写单元测试
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券