[Solved] Given this test snippet, what will be the output?const { getByText } = render(<button>Click me</button>);const button = getByText('Click me');console.log(button.tagName); | Remix

Remix - Testing

Given this test snippet, what will be the output?

const { getByText } = render(<button>Click me</button>);
const button = getByText('Click me');
console.log(button.tagName);

A'BUTTON'

B'DIV'

C'SPAN'

DError: getByText not found

Step-by-Step Solution

Solution:

Step 1: Understand render output
Rendering <button>Click me</button> creates a button element with text 'Click me'.
Step 2: getByText returns the button element
getByText('Click me') finds the button element, so button.tagName is 'BUTTON'.
Final Answer:
'BUTTON' -> Option A
Quick Check:
getByText returns element with matching text [OK]

Quick Trick: getByText returns the actual element with that text [OK]

Common Mistakes:

MISTAKES

Master "Testing" in Remix

9 interactive learning modes - each teaches the same concept differently

More Remix Quizzes

Given this test snippet, what will be the output?