{"id":2823,"date":"2016-06-15T23:36:05","date_gmt":"2016-06-15T21:36:05","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=2823"},"modified":"2025-05-07T13:06:27","modified_gmt":"2025-05-07T11:06:27","slug":"nie-taki-diabel-straszny-jak-go-maluja","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/nie-taki-diabel-straszny-jak-go-maluja\/","title":{"rendered":"Nie taki diabe\u0142 straszny, jak go maluj\u0105 \u2013 czyli testy aplikacji mobilnych"},"content":{"rendered":"\n

Wraz z post\u0119pem technologii zmienia si\u0119 model korzystania z Internetu, dost\u0119pu do rozrywki czy wykorzystywania informacji. Kiedy\u015b \u017ar\u00f3d\u0142em wiedzy by\u0142y ksi\u0105\u017cki, potem gazety dzi\u015b za\u015b nowe technologie. Komputer przesta\u0142 przodowa\u0107 w zakresie szeroko poj\u0119tej nowoczesno\u015bci \u2013 obecnie prym wiod\u0105 urz\u0105dzenia mobilne stanowi\u0105ce dla Nas okno na \u015bwiat. Poniewa\u017c aplikacji na rynku jest wiele i konkurencja nie \u015bpi, nale\u017cy wi\u0119c zadba\u0107 o jako\u015b\u0107 rozwijanych produkt\u00f3w i przyjrze\u0107 si\u0119 lepiej zasadom testowania aplikacji<\/a>. Dzisiaj pochylimy si\u0119 nad stworzeniem testu funkcjonalnego przyk\u0142adowej aplikacji mobilnej na platform\u0119 iOS z wykorzystaniem SeeTest Automation. Opis oraz zalety tego narz\u0119dzia przedstawi\u0142am we wcze\u015bniejszym wpisie, do \u00a0zapoznania z kt\u00f3rym serdecznie zapraszam.<\/p>\n\n\n\n

Wst\u0119p<\/h2>\n\n\n\n

Aby rozpocz\u0105\u0107 prac\u0119 z SeeTest Automation nale\u017cy zainstalowa\u0107 tak\u017ce dodatkowe \u015brodowisko w zale\u017cno\u015bci od tego, w jakim j\u0119zyku chcemy pisa\u0107 testy. Mo\u017ce by\u0107 to Eclipse, Visual Studio, IntelliJ, JetBrains, HP QTP itd. Opr\u00f3cz tego nale\u017cy posiada\u0107 pod\u0142\u0105czone urz\u0105dzenie do komputera. Oczywi\u015bcie mo\u017cna tak\u017ce korzysta\u0107 z emulatora, ale na potrzeby niniejszego artyku\u0142u skorzystamy z realnego urz\u0105dzenia pod\u0142\u0105czonego przez kabel USB. Poniewa\u017c test tworzony b\u0119dzie na platform\u0119 iOS, tak wi\u0119c dodatkowo posiadam zainstalowany iTunes, aby by\u0142o mo\u017cliwe pod\u0142\u0105czenie urz\u0105dzenia od Apple\u2019a. Przy pierwszym pod\u0142\u0105czeniu iPhone\u2019a lub iPada do komputera i pr\u00f3bie otworzenia widoku ekranu telefonu, na urz\u0105dzeniu zostanie zainstalowana aplikacja dodatkowa, tzw. Bridge. Umo\u017cliwi to przesy\u0142anie komend z Clienta do urz\u0105dzenia. Dodatkowo przed przyst\u0105pieniem prac nale\u017cy wys\u0142a\u0107 do firmy Experitest pro\u015bb\u0119 o stworzenie pliku administracyjnego. Jest to tzw. provisioning profile dla Clienta, aby m\u00f3g\u0142 on wykorzystywa\u0107 pe\u0142n\u0105 kontrol\u0119 nad telefonem. Szczeg\u00f3\u0142y dotycz\u0105ce tego kroku znajduj\u0105 si\u0119 w sekcji \u201eConnecting an iOS Device\u201d<\/em> na stronie dokumentacji<\/a>.<\/p>\n\n\n\n

Praca z Clientem<\/h2>\n\n\n\n

Kiedy wszystkie niezb\u0119dne programy s\u0105 ju\u017c zainstalowane oraz gdy poprawnie skonfigurowali\u015bmy urz\u0105dzenie, mo\u017cemy teraz przej\u015b\u0107 do samego SeeTesta. W sekcji \u201eApplication\u201d<\/em> nale\u017cy zaimportowa\u0107 builda aplikacji. Dla iOS b\u0119dzie to plik z rozszerzeniem .ipa, dla Androida b\u0119dzie to .apk za\u015b dla Windows Phone\u2019a .xap lub .appx . Podczas importu SeeTest sam zapyta czy chcemy od razu zainstalowa\u0107 aplikacj\u0119 na wybranym urz\u0105dzeniu oraz czy j\u0105 uruchomi\u0107. Aplikacja mo\u017ce zosta\u0107 uruchomiona w dw\u00f3ch trybach: instrumented<\/em> oraz non-instrumented<\/em>. Tryby te r\u00f3\u017cni\u0105 si\u0119 atrybutami, kt\u00f3re jeste\u015bmy w stanie zaczyta\u0107 z kontrolek przy pomocy object spy. Podczas pracy z Clientem aplikacja uruchamiana jest zawsze w trybie instrumented, ale mo\u017cna to zmieni\u0107 r\u0119cznie lub w kodzie.<\/p>\n\n\n\n

Aby otworzy\u0107 okienko z zrzutem ekranu urz\u0105dzenia nale\u017cy w panelu Device<\/em> dwukrotnie klikn\u0105\u0107 na nazw\u0119 urz\u0105dzenia lub na ikonk\u0119 telefonu z \u017c\u00f3\u0142tym znaczkiem.<\/p>\n\n\n\n

\"Device<\/a>
Ryc. 1 Device and Application Management<\/figcaption><\/figure>\n\n\n\n

Kiedy uruchomili\u015bmy ju\u017c aplikacj\u0119 na urz\u0105dzeniu i mamy otwarty widok pulpitu telefonu mo\u017cemy przej\u015b\u0107 do nagrywania testu i analizy wygenerowanego kodu.<\/p>\n\n\n\n

Projekt w SeeTest<\/h2>\n\n\n\n

W\u0142a\u015bciwy, miarodajny test, z kt\u00f3rego p\u0142ynie wiele korzy\u015bci uzyskamy w\u00f3wczas, gdy rozpoczniemy prace nad nim od nagrania kilku step\u00f3w w Cliencie a nast\u0119pnie wygenerowany kod przeniesiemy do dowolnego innego narz\u0119dzia i w nim rozpoczniemy prace modernizacyjne.<\/p>\n\n\n\n

Na potrzeby niniejszego artyku\u0142u skorzysta\u0142am z gotowej, dostarczanej razem z SeeTest\u2019em aplikacji na iOS \u2013 EriBank. Scenariusz testu jest prosty \u2013 wpisuj\u0105c niepoprawne dane 3 razy chc\u0119 sprawdzi\u0107, czy aplikacja mnie nie zaloguje oraz wpisuj\u0105c poprawne dane chc\u0119 sprawdzi\u0107 czy uda mi si\u0119 zalogowa\u0107. Wszystkie czynno\u015bci wykonane w aplikacji nagrywam aby zidentyfikowa\u0107 jak najwi\u0119cej obiekt\u00f3w, przydatnych do weryfikacji poprawno\u015bci wykonanych operacji. Wybranym przeze mnie j\u0119zykiem, w kt\u00f3rym chc\u0119 aby zosta\u0142 wygenerowany kod jest Java po\u0142\u0105czona z TestNG.<\/p>\n\n\n\n

Aby rozpocz\u0105\u0107 nagrywanie testu nale\u017cy nacisn\u0105\u0107 czerwony przycisk Record<\/em>, poczeka\u0107 a\u017c Client zainicjuje wszystkie potrzebne mechanizmy,  a nast\u0119pnie zacz\u0105\u0107 klika\u0107 w aplikacji, aby nagra\u0142y si\u0119 wszystkie wykonane akcje. Po zako\u0144czeniu wszystkich krok\u00f3w nale\u017cy klikn\u0105\u0107 w niebieski kwadrat aby zapisa\u0107 nagrane stepy oraz wygenerowa\u0107 kod. W pasku wyboru w Code Area<\/em> mamy mo\u017cliwo\u015b\u0107 zdefiniowania j\u0119zyka programowania, w kt\u00f3rym chcemy otrzyma\u0107 poszczeg\u00f3lne kroki. Mo\u017cemy je dowolnie modyfikowa\u0107 w Command Area<\/em> a zmiany dynamicznie uka\u017c\u0105 si\u0119 w kodzie poni\u017cej. Obiekty \u00ad\u2013 ikony \u2013 w kt\u00f3re klikali\u015bmy, zostan\u0105 automatycznie dodane do defaultowego repozytorium. Mo\u017cemy je dowolnie modyfikowa\u0107 \u2013 zmienia\u0107 nazwy, parametry po kt\u00f3rych chcemy je rozpoznawa\u0107.<\/p>\n\n\n\n

\"Command<\/a>
Ryc. 2 Command Area and Code Area<\/figcaption><\/figure>\n\n\n\n
\"Repozytorium<\/a>
Ryc. 3 Repozytorium obiekt\u00f3w<\/figcaption><\/figure>\n\n\n\n