避免使用 getBy 方法的 React Testing Library
创始人
2024-12-16 12:30:32
0

为了避免使用 getBy 方法,可以使用其他方法来查询元素并进行断言。下面是一些可以使用的替代方法和代码示例:

  1. 使用 queryBy 方法:
import { render, screen } from '@testing-library/react';

test('示例测试', () => {
  render();

  const element = screen.queryByTestId('element-id');
  expect(element).toBeInTheDocument();
});
  1. 使用 findBy 方法(用于异步查询):
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

test('示例测试', async () => {
  render();

  const button = screen.getByRole('button');
  userEvent.click(button);

  const element = await screen.findByText('Example Text');
  expect(element).toBeInTheDocument();
});
  1. 使用 getAllBy 方法(用于查询多个匹配的元素):
import { render, screen } from '@testing-library/react';

test('示例测试', () => {
  render();

  const elements = screen.getAllByTestId('element-id');
  expect(elements.length).toBe(3);
});

使用这些方法,可以避免使用 getBy 方法,并且更好地测试 React 组件。

相关内容

热门资讯

黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai,(AAPoKer德州局)竟然真的有挂,透明挂教程(有挂分享);黑科...
黑科技辅助!wepoke智能a... 您好,WePoKe辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054】很多玩...
黑科技辅助!wepoke黑科技... 黑科技辅助!wepoke黑科技ai设备,(WePoKe俱乐部)原本是有挂,黑科技教程(真的有挂),W...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(WePoKe能玩)固有真的是有挂,系统教程(有挂头条);We...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai,(AAPoKer德州)竟然是有挂,黑科技教程(有挂讲解)是一款可以...
黑科技辅助!wepoke辅助插... 【福星临门,好运相随】;黑科技辅助!wepoke辅助插件,(wpk线上德州)其实存在有挂,AA德州教...
黑科技辅助!wepoke透明黑... 黑科技辅助!wepoke透明黑科技,(红龙扑克功能)竟然真的是有挂,德州教程(有挂技术);1、让任何...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(智星德州菠萝闯关)好像存在有挂,分享教程(有挂教学);1、这...
黑科技辅助!wepoke透明黑... 黑科技辅助!wepoke透明黑科技,(AAPoKer操作)起初是有挂,教你攻略(有挂技巧);一、AA...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(德扑之星机制)一向真的是有挂,玩家教程(有挂实锤)是一款...