React 测试库在内部与自定义查询一起使用

Question

有什么方法可以使用 within 获取自定义查询吗？自定义查询适用于使用适配器模块的渲染功能：

import { render, queries } from '@testing-library/react';

import * as customQueries from './custom-queries';

const customRender = (ui, options) =>
  render(ui, { queries: { ...queries, ...customQueries }, ...options });

// re-export everything
export * from '@testing-library/react';

// override render method
export { customRender as render };

但是当我在内部使用时，它看不到我的自定义查询，这通常是预料之中的。有什么方法可以用自定义查询扩展 within 吗？

Answer 1

就像你有一个customRender一样，你可以有一个customWithin:

const customWithin = (element) => within(element, { ...queries,...customQueries });

React 测试库在内部与自定义查询一起使用

React Testing Library using within together with custom query

react-testing-library