我正在我的React应用程序中构建测试，该应用程序是用create-react-app构建的，我试图理解screen.getByText()和简单的getByText()之间的区别。例如，文档中显示了这样的示例： import React from 'react';
import { render, screen } from '@testing-library/react&#
浏览 66提问于2020-12-30得票数 0
回答已采纳
这个扳机的问题在哪里？variant="success" size="lg" onClick= )}
render(<SecondTimer />);
c
浏览 3提问于2020-12-10得票数 0
回答已采纳
这里我使用的是资料UI中的表分页。/> </TableFooter>在不使用分页的测试中(listaModalDuasPaginas[0].DueTimestamp) expect(
screen.getByText(listaModalDu
浏览 10提问于2022-01-26得票数 0
我正在尝试使用create-react-app中的内置react-scripts test脚本运行以下测试 Timer.test.js render(<Timer />)const timerOutput = screen.getAllByRole('heading')[1]
test(&#
浏览 32提问于2020-10-07得票数 1
回答已采纳
我是反应测试库的新手const ComponentA = () => { const toggle = () =></div>
{isActive && (<div className="some"><h4>SubTitle</h4></div&g
浏览 3提问于2020-05-14得票数 2
在react测试库中测试div中的文本或p标记的最佳方法是什么？让我们假设我们有一个这样的反应性组件： return <div>Hello {name}!'it renders the given name in the greeting', () => { expect(<e
浏览 14提问于2022-01-13得票数 2
回答已采纳
我正在尝试测试一个模式，但我遇到了一个奇怪的问题。当我试图在触发事件之前通过文本获取"Modal Title“时，我得到了错误，因为"Modal Title”在呈现的文档中不存在。但我也想测试一下，在triger事件之前，模式是不存在的。因此，我决定期望"Modal Title“是假的，但这不起作用。到目前为止，我已经尝试了toBe(false)，toBeFalsy()，toBeNull()，甚至尝试了长度是否为0，但没有上述的工作。我怎么才能解决这个问题。
浏览 31提问于2021-03-12得票数 1
1回答
这是通过从屏幕查找来实现的： test("Time saved", async () => { fireEvent.click(start);
timeout: 2000
浏览 25提问于2020-12-13得票数 0
回答已采纳
我希望learn-by-doing类型记录与React，所以我已经手动迁移从JS到TS在我的create-react-app，但我的默认测试文件App.test.ts render(<App />); // There's an error here
const linkElement = screen.getByText
浏览 5提问于2021-05-12得票数 3
我写了以下测试： test("Search for particular text", async () => { expect(screen.getByText("TARGADS")).toBeInTheDocument()
浏览 7提问于2020-12-28得票数 1
回答已采纳
1回答
这是我的测试文件： expect(li.length).toBe(3); expect(screen.getByText('one')).toBeInTheDocument();
expect(screen.getByText('two&#
浏览 1提问于2022-03-16得票数 1
回答已采纳
在react测试库中，我们有两个叫做toBeInTheDocument()和toBeVisible()的函数。1 expect(screen.getByText('hello')).toBeInTheDocument();看来，上述两个断言的行为方式都是相同的。这两种功能有什么不同，它们的用例是什么？
浏览 0提问于2021-11-05得票数 13
1回答
在我的react组件中，有一个在5秒后出现的元素。我在这里做错了什么？submitted" />);
await waitFor(() => { screen.getByTextdoing our thing here.'),
).toBeInThe
浏览 14提问于2022-01-27得票数 1
回答已采纳
我有两个'test'，在这两个组件中，我都使用相同的组件。 render(<AppbarGlobal />);
const logotype =
浏览 4提问于2022-11-07得票数 0
回答已采纳
我正在写一个测试，以确保我的表单是使用react测试库提交的，我也在使用react钩子表单。我的提交方法在我的测试中调用失败。我的组件 const { handleSubmit } = useForm();
</button>
</
浏览 2提问于2021-01-31得票数 1
Button component={Link} to={'/creation'}>Créer</Button> )我想测试一下，当我点击那个按钮时，我实际上导航到了我的新页面render(<Index />, {wrapper: BrowserRouter})
expect(screen.getByText(/
浏览 2提问于2022-10-09得票数 0
回答已采纳
1回答
我正在尝试创建一个带有react query的POC，以便从外部源获取信息。这个特定的组件应该调用一个Service方法，并在结果表中列出结果。我模拟这个方法来返回一些东西，但是测试失败了，因为它似乎是在调用端点来获取钱包之前执行的(此时钱包是空的，所以不会显示任何内容)。Promise.resolve(wallets);
screen.getByT
浏览 2提问于2022-02-26得票数 0
我想测试一下这篇文章中的突变。突变由按钮onclick事件触发。因此，我调用了这个函数，里面有变异。它在网站上工作，但当我使用Jest为该组件编写单元测试时，它不起作用。should render pause/play state', async () => { expect(screen.getByTextresolve => setTimeout(resolve, 0));
浏览 2提问于2020-08-04得票数 0
回答已采纳
我有一个数组，它在开始时返回一个空数组，但然后我可以在列表中添加项。在我添加一个项目之前，组件在我添加了项目之后没有显示可用的数据，它在每个项目旁边显示了一些文本和删除按钮。我的测试找到了delete按钮，但它抛出了错误"Expected: 1 Received：“，因为当组件呈现时，它总是在开始时返回"no data available”。在这里，我分享我的组件。 {props.formData && props.formData.length !== 0
浏览 7提问于2021-03-11得票数 0
回答已采纳
在react中，我从数组中映射出一些元素。例如 {options.map((option)=>{}) 我有多个测试要选择一个选项(不知道选项的textContent所以我使用data-testid="option"和select with screenGetAllByTestId('option')[0]来选择第一个选项…… 然而，有一些时候
浏览 95提问于2021-07-22得票数 0
云服务器
ICP备案
云点播
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号