[Solved] What will this test log?const { queryByText } = render(<div>Hello</div>);const result = queryByText('World');console.log(result); | Remix

Remix - Testing

What will this test log?

const { queryByText } = render(<div>Hello</div>);
const result = queryByText('World');
console.log(result);

AThe div element

BError thrown

Cnull

Dundefined

Step-by-Step Solution

Solution:

Step 1: Understand queryByText behavior
queryByText returns null if no matching element is found, unlike getByText which throws error.
Step 2: Check if 'World' exists in rendered output
Only 'Hello' is rendered, so queryByText('World') returns null.
Final Answer:
null -> Option C
Quick Check:
queryByText returns null if no match [OK]

Quick Trick: Use queryByText to safely check for missing elements [OK]

Common Mistakes:

MISTAKES

Master "Testing" in Remix

9 interactive learning modes - each teaches the same concept differently

More Remix Quizzes

What will this test log?