Патерни проєктування · Middle · Запитання 18 з 75
Як впровадити залежність у React-компоненти, щоб у тестах підмінити API-клієнт?
- ✓Правильна відповідь: Передати клієнт через Context-провайдер, а в тестах обгорнути іншим значенням
- 2Імпортувати клієнт напряму й змінювати глобальну змінну в тестах
- 3Створювати новий клієнт усередині кожного компонента під час рендеру
Пояснення
Context - вбудований механізм DI в React: <ApiProvider client={mockClient}> у тестах і Storybook, реальний клієнт у застосунку. Так само влаштовані QueryClientProvider і провайдер Redux store.