如何使用React测试库测试HTML内容

文章/答案/技术大牛

发布

4回答

javascript、html、reactjs、react-testing-library

目前我正在写一个测试来测试里面的内容(HTML内容)，但是似乎我不能用React测试库正确地测试它。它可以找到该元素的id值，但是如何获取该元素中的HTML内容呢？ import React from 'react'; return (

浏览 74提问于2020-06-02得票数 5

回答已采纳

1回答

如何在浏览器中使用酶样摩卡创建的组件？

javascript、reactjs、mocha.js、enzyme

我可以在网络浏览器中使用吗？我试过，但是，babel用未定义的单词创建js。

浏览 1提问于2016-05-05得票数 1

回答已采纳

2回答

react-test-renderer的create()与@test-library/react的render()

reactjs、react-testing-library、react-test-renderer

我是个新手，对所有的测试库都很困惑。我让我的测试代码正常工作，但为了使用它的toMatchSnapshot()，必须从react- test -renderer调用create()，并且为了使用它的断言，必须从@testing-library/react调用render()，这似乎是多余的。库之间的区别。我如何简化我的测试代码，使我只需要调用一个呈现组件的东西，这样我就可以进行快照测试和更

浏览 1提问于2019-11-01得票数 15

1回答

如何使用React测试库测试输入？

reactjs、typescript、jestjs、react-testing-library

我试图通过React测试Search组件的一个Search值。我试图在输入之前清除输入，但它不起作用。: test // it is still the default value: `test`, UserEvent.clear didn&

浏览 7提问于2022-06-17得票数 0

回答已采纳

1回答

如何使用react测试库进行测试

javascript、reactjs、react-testing-library、higher-order-components

this.state.items} /> }} }); }); 但这种方法在ReactTesting Library中不起作用，因为我们应该从最终用户的角度进行测试，而不是访问道具。那么，

浏览 4提问于2021-02-06得票数 0

1回答

使用react测试库在另一个元素中查找元素

reactjs、react-testing-library

在我的react应用程序中，使用react测试库对应用程序进行测试，我会遇到下一个情况。我试图从const d = utils.getAllByTestId('el')[0]中找到数据，现在我想测试d内部是否存在一个具有role：const i = d.getByRole('img')的元素从文档中我得到，getByRole方法只能在使用render()方法的元素上附加，但我没有找到解决问题的方法。问:

浏览 4提问于2021-12-23得票数 2

回答已采纳

1回答

当状态随REST调用发生变化时，测试响应组件

reactjs、unit-testing、react-hooks、jestjs、enzyme

当基于多个REST调用响应更新状态时，我希望测试我的react组件。import Enzyme from 'enzyme';import ".</a> </hea

浏览 9提问于2022-07-22得票数 0

回答已采纳

2回答

使用React测试库进行测试

reactjs、react-testing-library

我在测试React testing Library中API调用的数据填充的下拉列表时遇到了问题。下面是显示该问题的CodeSandbox https://codesandbox.io/s/mutable-sea-wtt9u 如果我将App更改为使用硬编码数组来填充下拉列表(在App组件中已注释掉)，则测试通过。

浏览 28提问于2019-08-27得票数 0

回答已采纳

1回答

使用React测试库测试条带

reactjs、stripe-payments、react-testing-library

我有以下React组件： const PaymentModal = () => { const stripePromise = loadStripe(apiKey);： import React from 'react';import

浏览 11提问于2021-04-07得票数 0

1回答

如何测试jest和react测试库是否调用了useState钩子？

javascript、reactjs、jestjs、react-testing-library

我想使用Jest和React测试库来测试这个组件： );我想测试一下当我点击的时候是否调用了changePage，有没有一种方法可以用Jest和React测试库来做

浏览 1提问于2020-02-07得票数 4

回答已采纳

3回答

使用react测试库测试react- Testing

reactjs、react-testing-library

如何测试这个组件：？如何在测试环境中模拟用户行为？Changes inner html but onChange is not fired. target: { innerHTML: "New content text" }以上所有都是失败的测试。

浏览 31提问于2020-03-03得票数 5

回答已采纳

1回答

如何使用react测试库测试内部函数？

reactjs、jestjs、react-testing-library、react-hooks-testing-library

我有一个自定义钩子，我正在尝试编写使用react测试库包的测试，我想知道如何测试未在自定义钩子中返回但在其他函数中使用的内部函数。const customHook = () => { setCount((x) => x + 1 ); return

浏览 2提问于2021-08-27得票数 0

回答已采纳

2回答

如何使用react测试库测试RTK查询？

javascript、reactjs、redux、rtk-query

我试图使用RTK查询，但找不到一个很好的例子，说明如何为使用RTK查询请求的组件编写单元测试和react测试库。例如，我们有一个组件，它可以从服务器获取一些东西的列表。如何模拟请求的数据？我找到了一个使用mswjs来模拟测试API的解决方案。但即使是这样，我也有一个问题--我需要添加等待新承诺((R) => setTimeout(r，1000))；然后我将检查集合中的某些内容是否存在。也许，有

浏览 8提问于2022-06-03得票数 2

回答已采纳

1回答

没有html标记的queryBy如何与测试库反应

reactjs、react-testing-library

我在单元测试中使用了React测试库。我想测试我的React组件中的这个： <div> {string} ); <p class="css-13

浏览 5提问于2022-09-18得票数 0

回答已采纳

1回答

double fireEvent在我的react-testing-library测试中不起作用

reactjs、typescript、react-testing-library

我使用的是React测试库和Typescript。我需要测试我的菜单:单击一个按钮，测试带有内容的Popper是否可见，再次单击一个按钮，测试带有内容的Popper是否不可见。此外，我还测试触发按钮是否始终可见。import React from 'react'; import { fireEvent, render, RenderResult, screen

浏览 14提问于2020-11-06得票数 0

回答已采纳

12回答

如何测试react用react选择-测试-库

reactjs、integration-testing、react-select、react-testing-library

App.jsimport Select from "react-select"; </div> }App.test.js import

浏览 0提问于2019-04-08得票数 62

回答已采纳

2回答

如何在反应测试库中访问支柱值

reactjs、unit-testing、react-testing-library

我一直在为我的alert.js写一个测试。我需要访问支柱值来测试它的严重性。我试过很多东西。但每次都失败了。import PropTypes from 'prop-types'; onClose: PropTypes.func.isRequired, export de

浏览 2提问于2020-06-26得票数 7

1回答

你们是如何测试复杂的react原生应用程序的？

reactjs、react-native、react-native-android、react-native-ios、detox

我是唯一一个觉得为复杂的react原生应用程序创建有用的测试实际上是不可能的人？你们是如何测试有很多本机依赖项的应用程序的？如果我尝试将jest与酶或react原生测试库一起使用，我最终会使用jest.mock()来模拟我的大多数组件逻辑，以至于测试实际上感觉无用。我有一些使用排毒的测试，它们很有用，但它们运行起来太长了，而且大多数时间都非常不稳定和缓慢，特别是在CI/

浏览 8提问于2020-03-27得票数 4

1回答

如何测试div元素的内部文本

reactjs、jestjs、react-testing-library、queryselector

在这里，我正在尝试使用react测试库来测试textContent的div元素。 <> <div> test text </div> <

浏览 2提问于2020-03-05得票数 3

2回答

如何使用onClick函数Jest/React测试库测试react组件

javascript、reactjs、jestjs、react-testing-library、react-test-renderer

我试图在其中一个测试中达到100%的覆盖率--它突出了设置组件状态的onClick函数:这是组件： <button type="button" data-testid={'btn-test}如何在jest/ function测试库中测试onCli

浏览 3提问于2021-11-12得票数 0

回答已采纳

点击加载更多