React Testing Library using within together with custom query

Question

Is there any way to get custom queries using within? Custom queries works fine for render function using adapter module:

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 };

But when I use within, it doesn't see my custom query, which in general would be expected. Is there any way how within can be extended with custom query?

AryanJ-NYC · Accepted Answer · 2020-07-14 01:39:47Z

3

Just as you have a customRender, you can have a customWithin:

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

answered Jul 14, 2020 at 1:39

AryanJ-NYC

2,6672 gold badges24 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Testing Library using within together with custom query

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related