When I render a component in it
block everything works as expected.
it("when user inputs more characters it displays suggestions", async () => {
const { getByLabelText, findByText } = render(<Component />);
debug();
});
It's not a good practice though. I prefer using it
only for assertions. When I do:
describe("when user inputs more characters ", async () => {
const { getByLabelText, findByText } = render(<Component />);
it("displays suggestions", () => {
debug();
});
});
debug shows only <body />
and all queries fails in it
block.
What am I doing wrong or why this is not supported?