我有一个React容器模式组件，它有一些复杂的逻辑，可以通过this.setState()等来操作它的内部状态。我想测试附加到组件上的操作这个状态的方法，以及它们运行前后的this.state的值。我一直在研究Jest文档，虽然我看到了很多快照的例子，但我特别需要从抽象的角度测试这个容器，除了它的显示/呈现。
人们有什么推荐吗？我错过了什么？:)
浏览 18提问于2017-07-14得票数 0
在我的React应用程序中，我使用的是"react- keycloak /web“库中的keycloak和KeycloakProvider。某些路由使用PrivateRoute组件进行保护，该组件使用useKeycloak()挂钩获取密钥罩状态，并检查用户是否获得授权以及是否具有正确的角色： const [keycloak, initialized使用useKeycloak.test.js文件作为灵感，我制作了一个
浏览 47提问于2020-08-28得票数 3
回答已采纳
我的react组件应该根据当前位置对状态进行一些更改。 有一个自定义钩子，它在组件加载时被调用。在钩子中，有一个对useLocation().pathname的检查，以及switch/case中正确更改的结果。 这可以在一个文件/描述中进行Jest测试吗？我试着描述useLocation，但是我就是不能在Jest describe中做到这一点…… 这是mock，目前不在描述<em
浏览 25提问于2020-04-26得票数 3
我正在学习如何在React中进行测试，我有一个带有输入的组件来编写要搜索的内容，一个选择框来选择要搜索的位置，还有一个按钮可以根据选择框中选择的内容进行排序。组件 import React, { useState } from "react"
const handleFilterChange = jest<
浏览 26提问于2020-04-10得票数 0
回答已采纳
1回答
下面是Parent组件将它的this传递给Child组件的代码。Child组件将做一些工作，然后在Parent组件中执行setState。 constructor(pr
浏览 0提问于2019-07-05得票数 1
回答已采纳
我在基于jest的测试中有以下代码： var ShowsDetailHeader = require('../../../..class');
expect(videoClass.indexOf('
浏览 0提问于2015-03-12得票数 7
我使用react和。在jest中测试组件时，我发现我不能访问状态值，也不能模拟它。 const [counterSecond, setCounterSecond] = React.useState(8);
const[counterFirst, setCoun
浏览 1提问于2019-08-26得票数 1
回答已采纳
6回答
目前，我正在使用带有react钩子的功能组件。但是我无法完全测试useState钩子。考虑这样的场景，在useEffect钩子中，我正在做一个API调用并在useState中设置值。对于jest /酶，我有要测试的模拟数据，但我无法为jest中的useState设置初始状态值。const [state, setState] = useState([]);
我想在jest中将初始状态设置为对
浏览 7提问于2019-07-14得票数 34
使用jest和酶在react中编写单元测试。在检查组件状态时，它抛出错误"ReactWrapper:: state ()仅能在类组件上调用“。import React from 'react';import expect from 'expect';
import
浏览 27提问于2019-10-17得票数 4
回答已采纳
1回答
我正在尝试将Redux集成到我的React本地应用程序中。我得到的错误“无法在上下文或道具中找到”存储“。我的代码如下：import { AppRegistry, View } from 'react-native'import Swiper from 'react</em
浏览 2提问于2017-09-14得票数 0
回答已采纳
我正在尝试为以下内容编写一个测试：import Popup from 'some-library'
import React from 'react'import { Popupexpect(wrapper).toBeDefi
浏览 0提问于2020-01-14得票数 0
这就是我的观点： expect( <PortalManager>
<Modal isOpen={true} onClose={jest.fn()}>我在它周围添加了PortalManager，以确保Chakra知道将模式放在哪里，但快照始终为空。
浏览 14提问于2021-10-15得票数 0
回答已采纳
下面我有一个React组件的示例，它的行为如下-
当showDiv状态是false (初始状态)时，它不会呈现任何内容。当showDiv状态被更新为true (可能是通过某些外部组件、redux等)时，它使用单个无线电输入呈现<div>。但是，在初始组件挂载/加载时，不应该呈现<input> (因为showDiv是false)，那么为什么测试要通过呢？我甚至用console.log(wrapper.find(&#x
浏览 1提问于2020-12-09得票数 2
：模拟从第三方库导入的React组件的正确方法是什么？下面是我试着嘲笑它的方法。jest.mock('localize-toolkit', () => ({
浏览 4提问于2020-09-23得票数 3
回答已采纳
我正在尝试测试一个组件，它的状态对象的值显示在它的呈现()中。
我已经将所讨论的组件简化为这个简单的测试组件来进行复制。我用的是反应0.12.2。我正在getIntitialState's调用getStateFromStores()中填充我的“报告”。但是，在测试中，这个值是空的，是我认为会导致错误的结果。当然，一个条件检查来查看this.state.report是否被定义是有效的，但是在
浏览 2提问于2015-02-26得票数 0
1回答
我想知道如何测试与时间间隔有关的计时器在使用和Jest进行几次滴答之后显示的是什么。假设我们有这样的代码：describe('Test Component', () => {
tes
浏览 3提问于2020-10-17得票数 4
回答已采纳
我使用jest和enzyme来测试我的react应用程序。我有一个连接的组件，它有来自react-redux的1hoc (connectWithActions)和connect。setState, dispatch}) => { }此setState是react提供给组件的setState。所以，在jest中</e
浏览 2提问于2018-07-10得票数 0
回答已采纳
我在react中创建了两个组件--本机，它们在我的dev环境中很好地工作，当我使用位编译和位状态时，一切都保持在正轨上，没有错误。但是当我使用位构建或位标记时，它开始给我错误的Validation Error: Preset react-native not found.。为了解决这个问题，我添加了一个新的env扩展，它是使用react本机的，而我的组件使用的是env扩展。我已经覆盖了jes
浏览 7提问于2022-05-30得票数 0
回答已采纳
1回答
我的父组件根据状态{ conditionMet : true }呈现一个<Child1 />组件。
如何编写一个测试来检查子组件本身的呈现，而不是组件内字符串的呈现？或者，我是如何构建组件的？在Jest / Enzyme中是否存在一个已知的限制或bug，阻止检查子组件是否已呈现？React: 16.6.3 Jest
浏览 0提问于2018-12-27得票数 0
2回答
我在我的项目中使用react version ^16.8.1和react-router-dom version ^4.3.1。我试图用这样的反应性路由器发送状态： pathname: '/', }在另一个组件</em
浏览 0提问于2019-07-11得票数 5
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
