Po zbudowaniu aplikacji Angulara używając komendy ng build w katalogu dist pojawi się zestaw plików gotowych do użycia. W łatwy sposób można „wystawić” gotową aplikację za pomocą Express.js: W powyższym kodzie wystarczy zmienić nazwę projektu na własną i zapisać do pliku. Np. server.js. Uruchomienie zapisanego pliku powinno „wystawić” naszą aplikację na porcie 4200:
Poniżej rozwiązanie problemu „wiszącego” ng serve. Po uruchomieniu aplikacji w ten sposób żadne kolejne polecenie się nie wykona. Najpierw musi skończyć się ng serve. Testy będą czekały w nieskończoność na swoją kolej. Aby rozwiązać ten problem wystarczy dodać czekanie: sleep:
Na początku trzeba oczywiście dodać Cypressa do projektu: Następnie ułatwiamy sobie życie poprzez edycję skryptów w package.json: Dodanie niestandardowej komendy jest dosyć proste. W katalogu Cypressa znajduje się folder support. Dodajemy tam plik, który będzie zawierał implementację nowej komendy. Nazwa jest dowolna, w moim przypadku będzie to test.ts: Mamy już dodaną nową komendę oraz zdefiniowany interfejs, który ją…
Dowiedz się więcej
Wydaje się trywialne, ale nie jest takie oczywiste. Aby zapisać coś do zmiennej należy użyć metody wrap: Wartość została zapisana do zmiennej value. Aby móc z niej skorzystać używamy metody get:
Żeby uniknąć pojedynczego usuwania branchy: Można użyć jednolinijkowego polecenia: Oczywiście możne je rozbudować i zachować więcej niż mastera:
Częstym scenariuszem podczas automatyzacji testów jest wyszukanie elementu HTML, który pełni rolę kontenera. A później wykonanie akcji tylko w obrębie tego kontenera. W Cypress stworzona została specjalna metoda żeby ułatwić kodowanie takiego scenariusza. Za przykład posłuży nam formularz logowania: Poniższy kod wyszukuje formularz a następnie wpisuje użytkownika i hasło:
Żeby wyszukać element lub elementy w DOM należy znać selektor CSS. Sprawa jest prosta. Podajemy selektor CSS jako argument w metodzie .get(selector) i dostajemy to czego szukamy. Dlaczego w Cypressie istnieje wiele metod wyszukiwania elementów? Dlaczego oprócz .get(selector) możemy użyć również .find(selector)? Obydwie metody wyszukują elementy, ale różni je kontekst. Metoda .get(selector) przeszukuje cały dokument…
Dowiedz się więcej
W każdym języku programowania można zastosować negację. Przeważnie używa się jej przy pomocy znaku „!”. Każda wartość logiczna zostaje zanegowana jeżeli znajdzie się przed nią znak „!”: Wyrażenia regularne też posiadają negację. Jedyną różnicą jest sposób zapisu. Zamiast „!” używamy „^”. Poniżej przykład wyrażenia, które znajduje wszystkie wyrazy z frazą „est” włącznie z literą poprzedzającą…
Dowiedz się więcej
Iloczyn kartezjański czyli iloczyn dwóch zbiorów. Załóżmy, że masz te dwie listy:{X, Y, Z} i {1, 2, 3} Iloczyn kartezjański z dwóch list byłby następujący:{(X,1), (X,2), (X,3), (Y,1), (Y,2), (Y,3), (Z,1), (Z,2), ( Z,3)} Poniżej przedstawiam jak to osiągnąć przy pomocy LINQ i metody SelectMany:
Często duże projekty podzielone są na mniejsze, które są zaimportowane w paczkach do projektu głównego. Problem pojawia się podczas debugowania i potrzebny zmian w projekcie dodanym jako paczka. Rozwiązaniem tego problemu jest dodanie projektu jako zależność do projektu głównego. Zaczynamy! Otwórz „Solution Explorer” i kliknij prawym przyciskiem myszy na „Solucje”. Z menu wybierz „Add” i…
Dowiedz się więcej
