如何在react测试库中向getByText传递参数？
在React测试库中，可以使用getByText方法来获取包含指定文本的元素。如果需要向getByText传递参数，可以使用以下方法：
- 使用
screen.getByText方法：screen.getByText是React测试库提供的一个全局方法，可以直接通过screen.getByText('文本内容')来获取包含指定文本的元素。
示例代码：
import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';
test('测试getByText传递参数', () => {
render(<MyComponent />);
const element = screen.getByText('文本内容');
// 对获取到的元素进行断言或其他操作
});- 使用
render方法返回的对象的getByText方法：render方法返回一个对象，其中包含了一些常用的查询方法，如getByText、getByRole等。可以通过render方法返回的对象来调用getByText方法，并传递参数。
示例代码：
import { render } from '@testing-library/react';
import MyComponent from './MyComponent';
test('测试getByText传递参数', () => {
const { getByText } = render(<MyComponent />);
const element = getByText('文本内容');
// 对获取到的元素进行断言或其他操作
});以上两种方法都可以用来获取包含指定文本的元素，并进行后续的断言或其他操作。在测试过程中，可以根据具体的需求选择适合的方法来使用。
相关·内容
目前我正在做这件事但是我想做一个函数，并传递一些文本作为参数。我试着这样做getByText(x);getByText(`/${x}/i`);
但是所有的选择都不起作用。
浏览 29提问于2019-11-11得票数 9
在向项目中添加反应测试库时遇到困难."react-dom": "16.10.2"我将这些版本添加到反应测试库中
"@testing-library/dom": "/user-even
浏览 3提问于2019-11-01得票数 1
回答已采纳
在React中，我有一个按钮以编程方式转到一个新的url： onClick={() => { }} <ComponentToRender />
<
浏览 0提问于2020-11-08得票数 3
我是新手，在使用view.getByText('Greeting')和screen.getByText('Greeting')的人的web上发现了几个示例，如下所示。 import { render, screen } from '@testing-library/react'
import '@testing-lib
浏览 3提问于2020-11-11得票数 15
回答已采纳
2回答
我们的应用程序被包装在来自@azure/msal-react的MSAL认证模板中，标准的方式-密钥代码段概述如下。是否有适当的方法来模拟MSAL身份验证过程？无论如何，要在MSAL<em
浏览 19提问于2022-06-21得票数 4
回答已采纳
因此，我正在尝试测试，如果单击按钮，onSubmit函数是否会被触发--通过测试onSubmit函数的内部结构的方式是获取调用(axios方法)。测试 test('submit button should return post function to recipes/searchuserEvent.selectOptions(screen.getByRole('combobox'), 'Sw
浏览 4提问于2021-02-08得票数 2
2回答
这是我第一次写测试。我正在为用钩子编写的ReactJS应用程序编写测试，并使用和进行测试。 </List.Item> /> );下面是测试文件cleanup);
describe('itemDetails()',
浏览 3提问于2019-02-14得票数 0
回答已采纳
我想做什么import React from 'react'
import { render, fireEvent } from '@testing-library/react
浏览 1提问于2020-10-21得票数 3
回答已采纳
2回答
13 | getByRole('button', {description: 'Login'}); 14 | });import React, {useState} from 'react';import {Card,TextInput, Button} from &#
浏览 12提问于2022-05-10得票数 1
回答已采纳
我正在使用React测试库getByText来找到一个隐藏在一个名为Hidden的重要ui组件中的按钮。因为RTL找不到它，所以Material在这里有一个实现。一旦删除隐藏按钮，我就不知道如何在测试中使用它们的createMatchMedia()查询。import { render } from '.
浏览 10提问于2020-11-26得票数 1
回答已采纳
我不能像下面这样使用react- test -utils和Redux进行基本的测试。configureStore({ })
<Provider store={store}> </Provider>
浏览 22提问于2020-04-24得票数 4
如何在Jest / React测试库中编写单元测试，以使用npm库react-error-boundary测试React的错误边界是否正常工作？例如。ErrorBoundary FallbackComponent={ErrorFallback}> </ErrorBoundary>所以现在我的测
浏览 0提问于2021-10-11得票数 0
在我的React Signup组件中是一个表单，用户可以在其中输入他们的电子邮件、密码和密码确认。我正在尝试使用jest/react- test -library编写测试，但是我一直收到测试失败的消息，因为接收到的函数调用数为0，而预期调用数为1。from 'react';import { render, cleanup
浏览 23提问于2019-11-07得票数 6
我想测试工具提示标题是否等于特定的文本。这是我的antd工具提示，我想为此编写一个测试： title={ }></Tooltip>
浏览 3提问于2020-07-20得票数 8
回答已采纳
这是我的测试，不工作，我没有得到扩大搜索栏后，点击。await screen.findByTestId("search-location"); expect(screen.getByTextAnimatePresence, AnimateSharedLayout, motion } from "framer-motion";
import { ReactElement, useContext } from "react
浏览 14提问于2022-06-14得票数 1
回答已采纳
我正在测试我的组件export const ForecastButtons = ({ city }) => { test('render weather into component', async () => { const { getByText } = render(<ForecastButtonsweather={weatherResponce} city={'London
浏览 3提问于2021-09-30得票数 2
回答已采纳
我有一个NextJS应用程序，我正在使用Jest和反应测试库进行测试。我有一个卡片组件，它传递给卡片上的数据(id、图像url、文本和名称)。这在网页上是正确的。当我运行测试时，测试无法在页面上找到任何文本。以下是组件：
import styles from "./
浏览 26提问于2022-12-02得票数 0
回答已采纳
12回答
App.jsimport Select from "react-select";
import { fireEvent, waitForElement,} from "react-testi
浏览 0提问于2019-04-08得票数 62
回答已采纳
我正在尝试使用jest在我的应用程序中实现react原生测试库。 现在，我的组件上的导航出现了问题。当我运行测试时，我得到了一个错误： TypeError: navigation.setOptions is not a function 下面是我的组件： const initialState: StateTypes： import React from 'react';
import { render } from '@testing-l
浏览 42提问于2021-08-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
