Jak się zabrać za testy jednostkowe dla front-endu?

Question

Hej mam pytanie ktoś brał się kiedyś za testy jednostkowe dla frontendu? Chciałbym uzyskać od was uwagi ogólne jak i te bardziej szczegółowe. Chciałem odpalać z poziomu konsoli wszystkie testy. Przeglądałem selenium ale wydaje mi się zbyt duży i zdecydowałem sie testować tylko na silniku web-kit z pomoca phantom JS. Projekcik mam w nodeJS a testy zamiezam pisać w jasmine. Potrzebuje dla testów stworzyć środowisko (serwer http z którym połączy się przeglądarka) Jak to wykonać w prawidłowy sposób ?

Answer 1

Hej,

serwer możesz zrobić na przykład instalując http-server, chociaż nie wiem, czy będzie potrzebny, jeśli strona stoi na Node. Jeśli chodzi o testy wizualne (regression testing), polecam backstop.js.

Comments

Tak jak napisałem chodzi mi o testy jednostkowe nie wizualne. Będzie to biblioteka ułatwiająca korzystanie z history API w przeglądarce. Node służy mi tylko za minifikacje, transpilacje i wspominane testy. Potrzebuje środowiska przeglądarki oraz stron na które moge wchodzić aby zapisały się w historii. Zastanawia mnie jak powinien być wykonany taki http bo oczywiście wiemy ze moge go odpalać osobno i potem puszczać testy lecz wolałbym mieć wszystko w testach. Dla każdego speca odpalać serwer? Zrobić sobie metode która bedzie odpalała dany adres w przeglądarce i tam wstrzyknać serwer ? Kurcze nigdy się nie brałem za testy i nie wiem jak zrobić aby było to czytelne. Jednak testy powinny być mega proste. Masz jakąś propozycje?

---

To cię powinno zainteresować.

https://www.npmjs.com/package/mock-http-server

Mockujesz sobie http-serwer w jakimś setupie i pobierasz setup http-serwer do setupu klasy testowanej (w javie to @autowired pewnie znajdziesz coś na ten temat w js) i sprawdzasz czy twoje api reaguje prawidłowo na wstawione dane.