我用react-testing-libarary来测试我的react应用程序.而我需要找到一些原因.在文档中无法实现这一点.

有没有办法做到这一点?

我将渲染输出设置为:

const dom = render(<App />);

我正在寻找符合以下条件的产品:

const input = dom.getElemenById('firstinput');
//or 
const input = dom.getById('firstinput');

推荐答案

我找到了一个方法.

import App from './App';
import { render, queryByAttribute } from 'react-testing-library';

const getById = queryByAttribute.bind(null, 'id');

const dom = render(<App />);
const table = getById(dom.container, 'directory-table');

我希望这有帮助.

Reactjs相关问答推荐

在带有和设计的表格中禁用和取消选中复选框

在一个blog函数中调用setState钩子

如何在react 流中使用文本区域和改变 node 的输入大小?

StyleX中的多语言支持

我应该如何管理设置组件初始状态的复杂逻辑?

禁止直接访问Next.js中的页面,同时允许从应用程序内部访问

如何使用useState响应快速/顺序状态更新

阻止组件更新的多分派Redux Thunk或setState是否有任何问题

状态更改时的rtk查询触发器

强制 useEffect 仅运行一次

我可以同时使用 Gatsby 和 NEXT.JS 吗?

React中的功能性组件克隆优化

如何在next.js 13中仅在主页导航栏上隐藏组件?

ReactJS中使用setState方法时,Context内部的State未进行更新

使用 react pro 侧边栏展开折叠菜单

从一个获取 axios 请求(ReactJS)中删除默认参数

Storybook - 无法解析generated-stories-entry.cjs/字段browser不包含有效的别名配置

如何使用 useEffect 和 if 语句 React

如何在 React JS 上使文本中的单词可点击

为什么重新渲染不会影响 setTimeout 的计数?