[Solved] Which of the following is the correct syntax to define a mock response with msw in Remix? — Ans: rest.get('/api/data', (req, res, ctx) => res(ctx.json({ key: 'value' }))) | Remix

Remix - Testing

Which of the following is the correct syntax to define a mock response with msw in Remix?

Aserver.handle('/api/data', () => { return { key: 'value' } })

Bfetch('/api/data').mockReturnValue({ key: 'value' })

Cmock('/api/data').returns({ key: 'value' })

Drest.get('/api/data', (req, res, ctx) => res(ctx.json({ key: 'value' })))

Step-by-Step Solution

Solution:

Step 1: Recall msw syntax for mocking GET requests
msw uses rest.get with a handler function returning res(ctx.json(...)) for JSON responses.
Step 2: Compare other options
Other options use incorrect or non-msw syntax for mocking.
Final Answer:
rest.get('/api/data', (req, res, ctx) => res(ctx.json({ key: 'value' }))) -> Option D
Quick Check:
msw syntax = rest.get + res(ctx.json) [OK]

Quick Trick: msw uses rest.get with res(ctx.json(...)) for mocks [OK]

Common Mistakes:

MISTAKES

Master "Testing" in Remix

9 interactive learning modes - each teaches the same concept differently

More Remix Quizzes

Which of the following is the correct syntax to define a mock response with msw in Remix?