如何测试这个组件：？如何在测试环境中模拟用户行为？not fired. target: { innerHTML: "New content text" }以上所有都是失败的测试
浏览 31提问于2020-03-03得票数 5
回答已采纳
我正在尝试在我的React应用程序中进行快照测试。我已经在使用react- testing -library进行一般的单元测试了。然而，对于快照测试，我在网上看到了不同的方法，要么使用react-test-renderer，要么使用react-test库。这里有3个例子，它们之间的区别是什么，什么是首选的？1.使用react-test-rende
浏览 90提问于2021-02-25得票数 5
回答已采纳
我正在使用react-testing-library通过自定义钩子测试我的组件。但我不能让它通过。shadow-outline`)}}import
浏览 0提问于2020-02-17得票数 0
我创建了这个CodeSandbox，这样我就可以演示相关代码的问题( onChange在测试中无法触发)： https://codesandbox.io/s/festive-tree-xkw8s?我不经常使用CodeSandbox，所以我可能遗漏了一些基本的东西。 我在本地环境中没有看到这个错误，但我正在尝试解决它，因为我想完成我的原始问题的设置。
浏览 17提问于2021-08-08得票数 0
回答已采纳
我想使用Jest和React测试库来测试这个组件： );我想测试一下当我点击的时候是否调用了changePage，有没有一种方法可以用Jest和React测试库来做
浏览 1提问于2020-02-07得票数 4
回答已采纳
我正在使用React应用程序中的mxGraph库。我需要为绘制图形的组件创建单元测试。我使用的是jest和react testing library。但是这个库不能渲染mxGraph的元素。也许是因为，在测试时，它不能定义屏幕分辨率，也不能正确地渲染。 是否有可能测试mxGraph绘图，或者是否有任何示例或实践？
浏览 17提问于2019-06-27得票数 3
回答已采纳
我是个新手，对所有的测试库都很困惑。我让我的测试代码正常工作，但为了使用它的toMatchSnapshot()，必须从react- test -renderer调用create()，并且为了使用它的断言，必须从@testing-libraryimport {render} from '@testing-library/react';
import {act, create} from '
浏览 1提问于2019-11-01得票数 15
我在这里遵循官方文档：https://www.apollographql.com/docs/react/development-testing/testing/为我的react组件创建测试。然而，我似乎找不到一种方法来测试传递到突变中的数据的形状，我有兴趣这样做，因为这可以确保我的代码按预期工作。 来详细说明。假设一些伪代码是这样的： const [doMutation] = useMutation(MUTATION)
浏览 5提问于2021-04-20得票数 0
我试图使用react- test -library测试一个组件，但仍然得到一个失败的测试，并且不知道原因。下面是我正在处理的两个文件 组件文件： import React from "react";
const [counter, setCounter] = React.useState(0);
<>
<h1 data-
浏览 20提问于2020-09-16得票数 0
我正在尝试使用react- test -library运行一个非常简单的测试，其中一个按钮被赋予一个模拟函数，该按钮被单击，然后该测试检查该函数是否被调用。但是，测试当前失败，因为该函数未被调用。代码如下：import { render, screen } from '@testing-library/react';
import
浏览 53提问于2021-09-23得票数 1
我试图用TDD视图编写我的代码，我总是遇到同样的问题，我应该测试什么，我不应该测试什么，目标是基于react-使用TDD引导引导，我的组件只是一个带有较少属性的包装器，使它变得简单，我从Navbar inreact的品牌子组件--bootstrap开始。最终目标是测试反映用户应该测试的内容，例如，导航中存在具有良好src和alt属性的品牌徽标img。import React from
浏览 5提问于2020-01-11得票数 6
回答已采纳
)<div> <SomeChild custom-prop=innerHeaderVariableLikeInitialState /> </div>
在我尝试检查任何东西之前，当我运行我的测试时，我得到属性'custom- prop‘被标记为required，但是它的值是未定义的(我使用属性类型)，所以这意味着react-testing-library没有初始化它的子组件？
浏览 0提问于2019-11-25得票数 0
在react组件中，我有一个来自Material UI的复选框，带有以下标记： <label class="MuiFormControlLabel-root"></label> 我试图通过查询标签(在本例中是"Other")而
浏览 26提问于2020-04-20得票数 1
似乎如果你不将Material-UI样式表注入到jest/react-testing-library测试中，那么jsdom将无法从你的组件中获得正确的样式(例如，运行getComputedStyle(component如何正确设置jest/react- test -library测试，以便将样式正确地注入到测试中？我已经将组件包装在一个主题提供程序中，可以很好地工作。
浏览 1提问于2019-05-20得票数 5
1回答
我们已经使用typescript启动了一个创建react应用程序的项目，并使用react-testing-library进行单元测试。测试对className使用了一个意外的值，此屏幕截图显示：但测试仍然运行，并显示为成功。如果我打开VS代码问题选项卡，它会正确地显示为一个问题：问题是，为什么测试仍在构建和通过，是否需要额外的配置才能使typescript错误与jest/re
浏览 11提问于2020-11-12得票数 0
这是我的testing-library-utils.js import React from "react";import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "re
浏览 7提问于2021-04-09得票数 1
我正在使用react- testing -library测试我的组件，并且测试工作正常。我就是摆脱不了这个警告，fireEvent应该被包装在开箱即用的行为中，但我试图再次包装它，它没有帮助。这是我的测试用例。When testing, code that causes React state updates should be wrapped into act(...):
act(() => {
浏览 178提问于2019-03-15得票数 16
我是Mocha的新手，我正试着用它来测试一个简单的React组件。如果react组件没有任何CSS样式，则测试将通过，但如果React组件中的标签包含任何className，则会抛出语法错误：import React from 'react';
export default class Testing extends React.Compon
浏览 117提问于2015-08-27得票数 76
回答已采纳
1回答
我有一个带有请求api的方法的react组件。出于测试目的，我模拟了模块axios。Jest不能识别get的第一个调用，但不能识别post的第二个调用，除非它是在get语句之前声明的。我可以记录axios.post.mock.result在我的react组件中有一个值的承诺。在我的测试中，它是空的。this.getData(this.state.input)} } else {
return (<p>Success<&
浏览 19提问于2019-02-21得票数 2
回答已采纳
4回答
测试库React与Jest
、、、、
我有一个非常大的react应用程序(有很多页面、通道、表格等)，我正在使用redux-saga来管理状态。我有一系列的存储，几乎在所有的组件中，我都使用useSelector方法从存储中获取数据，并且由于逻辑原因，在它们内部有许多钩子。我想开始测试应用程序，特别是为了避免应用程序在数据未定义、无效等情况下崩溃。在这种情况下，您建议我应用什么库？
浏览 0提问于2021-02-24得票数 11
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号