Mock Service Worker - prosty sposób na mockowanie danych

 Jakiś czas temu napisałem dla mojej poprzedniej firmy artykuł o tym, jak można skutecznie integrować się z backendem. Na blogu Angular Architects pojawił się też wpis, który potwierdził moją tezę, że dobrze jest się integrować z mockowym backendem. (Nie ma to jak cherry picking pod tezę :)

Trudnością, na jaką napotkałem się podczas tworzenia aplikacji, jest współdzielenie kodu mocków. Ostatnio zacząłem pracować z biblioteką, który rozwiązuje w dużej mierze ten problem, czyli Mock Service Worker. 

Upraszczając jego opis działania do zastosowania jako serwera mockującego - instalujemy go jako paczkę w projekcie Angularowym i tworzymy w nim endpointy, które całkiem przypominają te, które robi się w Express. Po włączeniu aplikacji, możemy wykonywać requesty albo do endpointów z MSW, albo do tych prawdziwych, w zależności od potrzeby.

Zaletą takiego rozwiązania jest współdzielenie kodów mocków w repozytorium i prostota rozbudowy. Z perspektywy testowania frontendu ciekawie wygląda opcja sterowania różnymi odpowiedziami przeglądarki za pomocą scenariuszy. Dany fragment kodu wywołujemy, wysyłając odpowiedni query string. Podsumowując, warto dodać MSW do naszego projektu, jeśli dużo pracujemy na mockach i chcemy nimi zarządzać w programistyczny sposób.