{"id":59,"date":"2011-12-04T00:54:00","date_gmt":"2011-12-04T00:54:00","guid":{"rendered":"http:\/\/tpodolak.com.hostingasp.pl\/blog\/2011\/12\/04\/coded-ui-test-tworzenie-testow-ui-przy-pomocy-visual-studio-ultimate\/"},"modified":"2016-01-31T00:26:02","modified_gmt":"2016-01-31T00:26:02","slug":"coded-ui-test-tworzenie-testow-ui-przy-pomocy-visual-studio-ultimate","status":"publish","type":"post","link":"https:\/\/tpodolak.com\/blog\/2011\/12\/04\/coded-ui-test-tworzenie-testow-ui-przy-pomocy-visual-studio-ultimate\/","title":{"rendered":"Coded UI Test – tworzenie test\u00f3w UI przy pomocy Visual Studio Ultimate"},"content":{"rendered":"

Poszukuj\u0105c sposob\u00f3w automatycznego testowania aplikacji natrafi\u0142em na ciekaw\u0105 funkcjonalno\u015b\u0107 Visual Studio 2010 Ultimate. Mianowicie w tej wersji naszego ulubionego IDE znalaz\u0142o si\u0119 miejsce na nowy typ test\u00f3w – Coded UI Test<\/span>. Coded UI Test<\/span> jest to automatyczny test UI, kt\u00f3ry tworzymy poprzez nagrywanie akcji jakie wykonujemy w naszej aplikacji. Nie musimy pisa\u0107 ani jednej linijki kodu \u017ceby przetestowa\u0107 jak\u0105\u015b funkcjonalno\u015b\u0107 naszego programu. Jedyne co musimy zrobi\u0107 jest to przej\u015bcie przez wszystkie niezb\u0119dne kroki w naszej aplikacji, tak aby zweryfikowa\u0107 nasz\u0105 funkcjonalno\u015b\u0107. W celu stworzenia Coded UI Test<\/span> musimy po pierwsze zaopatrzy\u0107 si\u0119 w wersj\u0119 Ultimate Visual Studio 2010. Z tego co wiem, niestety ni\u017csze wersje nie maj\u0105 funkcjonalno\u015bci automatycznego testowania. Nast\u0119pnie musimy stworzy\u0107 nowy Test Project<\/span>. W tym celu z menu File <\/span>wybieramy New <\/span>a nast\u0119pnie Project<\/span>. W oknie, kt\u00f3re si\u0119 poka\u017ce, w drzewie po lewej stronie wybieramy Test<\/span>, a nast\u0119pnie w prawej cz\u0119\u015bci okna Test Project<\/span>
\n\"Project\"<\/a>
\nMaj\u0105c stworzony projekt testowy dodajemy do niego nowy Coded UI Test<\/span>. W Solution Explore-rze<\/span> klikamy PPM na projekt testowy, a nast\u0119pnie z menu contextowego wybieramy Coded UI Test.
\n\"CodedUITest\"<\/a>
\nW oknie, kt\u00f3re si\u0119 pojawi wybieramy Record actions,edit UI map or add assertion<\/span> lub gdy mamy ju\u017c gotowe testy mo\u017cemy wybra\u0107 opcj\u0119 nr 2. Po wybraniu pierwszej opcji okno Visual Studio zostanie zminimalizowane, a w prawym dolnym rogu pulpitu uka\u017ce si\u0119 nast\u0119puj\u0105ce okienko.
\n\"Record\"<\/a>
\nS\u0142u\u017cy ono do nagrywania testu. Naciskaj\u0105c czerwony przycisk rozpoczynamy proces nagrywania testu. W moim przypadku b\u0119d\u0119 testowa\u0107 aplikacj\u0119, kt\u00f3r\u0105 testowa\u0142em r\u00f3wnie\u017c w poprzednim po\u015bcie. Wykonuje zatem czynno\u015bci maj\u0105ce na celu sprawdzenie funkcjonalno\u015bci dodawania liczb. Po klikni\u0119ciu na textbox-a pojawia si\u0119 nad nim dymek,\u017ce dana akcja jest nagrywana.
\n\"UI\"<\/a>
\nPo "wyklikaniu" ca\u0142ej \u015bcie\u017cki maj\u0105cej sprawdzi\u0107 funkcjonalno\u015b\u0107 klikamy przycisk "Generate code”" (ten najbardziej z prawej strony). Nast\u0119pnie w okienku, kt\u00f3re si\u0119 pojawi
\n\"MethodName\"<\/a>
\npodajemy nazw\u0119 naszego testu. Po klikni\u0119ciu OK, Visual Studio wygeneruje nam kod odpowiedzialny za nasz test.
\n\"SourceUIMap\"<\/a>
\nW celu odpalenia naszego testu z menu Test <\/span>wybieramy Run<\/span>, a nast\u0119pnie Tests in Current Context<\/span>. Visual Studio przejdzie teraz wszystkie kroki, kt\u00f3re zosta\u0142y nagrane w te\u015bcie. Ok, niby wszystko \u0142adnie pi\u0119knie, ale tak naprawd\u0119 nic nie sprawdzili\u015bmy. Jedyne co zrobili\u015bmy to wykonali\u015bmy pewne operacje na naszej aplikacji, jednak\u017ce nie zweryfikowali\u015bmy danych otrzymanych w wyniku operacji dodaj<\/span>. W celu dodania warunku sprawdzaj\u0105cego do naszego testu, musimy doda\u0107 tzw. asercj\u0119. Aby to zrobi\u0107 klikamy PPM na wolne pole edytora, pod funkcj\u0105 this.UIMap.RecordedMethod1()<\/span> (ta funkcja zosta\u0142a wygenerowana podczas nagrywania testu). Nast\u0119pnie z menu contextowego wybieramy
\n\"Generate\"<\/a>
\nOtwiera nam si\u0119 znane ju\u017c wcze\u015bniej okienko nagrywania testu. Jednak\u017ce tym razem naci\u015bnijmy przycisk celownika<\/span> i przeci\u0105gnijmy go na textbox-a, w kt\u00f3rym ma pojawi\u0107 si\u0119 wynik dodawania
\n\"AutomationAdding\"<\/a>
\nNasz textbox zostanie obramowany, natomiast w prawym dolnym rogu pulpitu pojawi si\u0119 nowe okno pokazuj\u0105ce propertisy naszego przycisku. Wybierzmy w\u0142a\u015bciwo\u015b\u0107 Text <\/span>,a nast\u0119pnie naci\u015bnijmy przycisk Add Assertion<\/span>
\n\"Assertion\"<\/a>
\nW oknie, kt\u00f3re si\u0119 pojawi mo\u017cemy wybra\u0107 warunek, kt\u00f3ry musi spe\u0142ni\u0107 dana w\u0142a\u015bciwo\u015b\u0107 (w tym przypadku Text<\/span>), aby test przeszed\u0142. Ustawmy tam warto\u015b\u0107 np. 3. Nast\u0119pnie klikamy OK oraz nadajemy nazw\u0119 naszej assercji.Po wykonaniu tych czynno\u015bci w kodzie naszego pojawi si\u0119 dodatkowa linijka
\n\"AddAssertion\"<\/a>
\nTeraz za ka\u017cdym razem gdy odpalimy test na samym jego ko\u0144cu b\u0119dzie sprawdzana nasza assercja. W przypadku gdy warto\u015b\u0107 w\u0142a\u015bciwo\u015bci Text<\/span> nie b\u0119dzie r\u00f3wna 3 nasz test nie przejdzie.
\n\"Coded<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Poszukuj\u0105c sposob\u00f3w automatycznego testowania aplikacji natrafi\u0142em na ciekaw\u0105 funkcjonalno\u015b\u0107 Visual Studio 2010 Ultimate. Mianowicie w tej wersji naszego ulubionego IDE znalaz\u0142o si\u0119 miejsce na nowy typ test\u00f3w – Coded UI Test. Coded UI Test jest to automatyczny test UI, kt\u00f3ry tworzymy poprzez nagrywanie akcji jakie wykonujemy w naszej aplikacji. Nie musimy pisa\u0107 ani jednej linijki […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[257],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-coded-ui-test"],"_links":{"self":[{"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":3,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions\/562"}],"wp:attachment":[{"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tpodolak.com\/blog\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}