Quiz for React Testing Library

Q1: What is the primary purpose of React Testing Library?

A. A. To test React components by simulating user interactions B. B. To provide styling utilities for React C. C. To manage application state D. D. To replace Jest as a test runner

Q2: Which method is commonly used to render components in React Testing Library?

A. A. render() B. B. mount() C. C. shallow() D. D. create()

Q3: Which of the following is used to query elements by text content?

A. A. getByText() B. B. getById() C. C. getByClass() D. D. getByStyle()

Q4: How do you simulate a click event on a button using React Testing Library?

A. A. fireEvent.click() B. B. simulate.click() C. C. trigger.click() D. D. event.click()

Q5: Which function cleans up the DOM after each test?

A. A. cleanup() B. B. reset() C. C. unmount() D. D. destroy()

Q6: How do you check if an element is present in the document?

A. A. expect(element).toBeInTheDocument() B. B. expect(element).toBeVisible() C. C. expect(element).toHaveClass() D. D. expect(element).toBeDisabled()

Q7: Which query method throws an error if no matching element is found?

A. A. getBy* methods B. B. queryBy* methods C. C. findBy* methods D. D. selectBy* methods

Q8: What does the findBy* query return?

A. A. A promise that resolves when element appears B. B. Null if element not found C. C. Synchronous element reference D. D. An array of elements

Q9: How do you simulate typing text into an input field?

A. A. fireEvent.change() B. B. fireEvent.click() C. C. fireEvent.submit() D. D. fireEvent.focus()

Q10: Which package provides user-event simulation with higher-level APIs?

A. A. @testing-library/user-event B. B. @testing-library/dom C. C. react-dom D. D. jest-dom

Q11: What is a benefit of React Testing Library over Enzyme?

A. A. Encourages testing behavior over implementation B. B. Has better shallow rendering C. C. Supports older React versions D. D. Provides snapshot testing

Q12: Which of the following is NOT a recommended practice with React Testing Library?

A. A. Testing implementation details B. B. Testing accessible roles C. C. Testing user flows D. D. Testing visible UI elements

Q13: How can you wait for an asynchronous UI update?

A. A. Using findBy* queries B. B. Using getBy* queries C. C. Using queryBy* queries D. D. Using setTimeout()

Q14: Which assertion library is often used together with React Testing Library?

A. A. jest-dom B. B. chai C. C. sinon D. D. mocha

Q15: What is the preferred way to select elements for testing?

A. A. By role, label, or text B. B. By class name C. C. By id D. D. By inline styles

Q16: Which method would you use to check if a checkbox is checked?

A. A. expect(checkbox).toBeChecked() B. B. expect(checkbox).toBeSelected() C. C. expect(checkbox).toBeDisabled() D. D. expect(checkbox).toBeVisible()

Q17: Which method simulates submitting a form?

A. A. fireEvent.submit() B. B. fireEvent.click() C. C. fireEvent.change() D. D. fireEvent.focus()

Q18: What is the role of the screen object?

A. A. Provides access to all queries scoped to the document body B. B. Configures Jest settings C. C. Creates mocks D. D. Manages component state

Q19: How do you test if a modal dialog is visible?

A. A. expect(modal).toBeVisible() B. B. expect(modal).toBeInTheDocument() C. C. expect(modal).toHaveClass("visible") D. D. expect(modal).toBeChecked()

Q20: Which approach improves accessibility and testability?

A. A. Using semantic HTML elements B. B. Using divs everywhere C. C. Avoiding ARIA roles D. D. Using inline styles for hiding