Blog Canoo Webtest: testovanie JavaScriptových dialógov

Canoo Webtest: testovanie JavaScriptových dialógov

Na testovanie stránok, ktoré obsahujú javaskriptové  dialógy [Alert, Confirm, alebo Prompt] slúžia testovacie kroky expectDialog, expectDialogs a verifyNoDialogs. Testovací krok expectDialog umožňuje nastavenie očakávaných dialógov, ktoré sa budú zobrazovať na interakciu stránky s používateľom. Krok expectDialog sa vykonáva pred krokmi, ktoré tieto dialógy vyvolajú. Ak sa nepoužije krok expectDialog,  Canoo Webtest jednoducho „v tichosti“ klikne „OK“ na každý dialóg.

Možno sa zdá trochu zvláštne, že je potrebné vopred definovať dialógy, ktoré sa vyskytnú počas interakcie aplikácie s používateľom. Dialógy sa predsa vyskytujú až ako reakcia na jeho akcie. Je to spôsobené implementáciou  akou Canoo Webtest pracuje a volá HtmlUnit [jeden so základných stavebných kameňov – “browser pre javu”].

Očakávané dialógy sa pomocou kroku expectDialog/expectDialogs vytvoria ako zoznam očakávaných dialógov v pamäti testovacieho klienta. Ak sa po kliknutí na button, alebo link dialóg skutočne zobrazí, Canoo Webtest engine skontroluje, či sa tento nachádza v zozname a ak áno, vymaže ho zo zoznamu.

Testovací krok verifyNoDialogs sa použije na uistenie, že všetky očakávané dialógy boli zobrazené a teda že je zoznam očakávaných dialógov prázdny.

Príklad otestovania stránky, ktorá zobrazuje Alert, ak nie je vyplnené login, alebo heslo:

Canoo-dialog

  

Canoo-message

HTML obsahujúci Javascriptové dialógy:

 Canoo-javascript

Testovací skript:

<webtest name="verifyDialogs: test simple dialog form validation example">

 &config;

 <steps>

  <invoke description="Load Page" url="/simpleDialogExample.html"/>

  <verifyTitle description="Confirm page" text="Simple Dialog Example"/>

  <!-- meno a heslo sú prázdne -->

  <expectDialog dialogType="alert" saveProperty="simpleDialog" />

  <clickButton description="Click Login button" name="submit" />

  <verifyProperty name="simpleDialog" regex="true" text=".*Username field must not be blank.*"/>

  <verifyProperty name="simpleDialog" regex="true"

  text=".*Password field must not be blank.*"/>

  <verifyNoDialogs description="Check all dialogs were used" />

  <!-- heslo je prázdne -->

  <expectDialog dialogType="alert" saveProperty="simpleDialog" />

  <setInputField name="name" value="some username" />

  <clickButton description="Click Login button" name="submit" />

  <not>

   <verifyProperty name="simpleDialog" regex="true" text=".*Username field must not be blank.*"/>

  </not>

  <verifyProperty name="simpleDialog" regex="true" text=".*Password field must not be blank.*"/>

  <verifyNoDialogs description="Check all dialogs were used" />

  <!-- meno je prázdne -->

  <expectDialog dialogType="alert" saveProperty="simpleDialog" />

  <setInputField name="name" value="" />

  <setInputField name="password" value="some password" />

  <clickButton description="Click Login button" name="submit" />

  <verifyProperty name="simpleDialog" regex="true" text=".*Username field must not be blank.*"/>

  <not>

   <verifyProperty name="simpleDialog" regex="true" text=".*Password field must not be blank.*"/>

  </not>

  <verifyNoDialogs description="Check all dialogs were used" />

  <!-- meno a heslo su vyplnené -->

  <setInputField name="name" value="some username" />

  <clickButton description="Click Login button" name="submit" />

 </steps>

</webtest>

Nakoľko sú funkcie Javascriptu na klientovi len simulované testovacím robotom [viď Javascript implementácia nie je taká dobrá ako v “normálnom” browseri – tretia časť článkov], nie vždy  je javascriptový kód interpretovaný správne. Ak teda simulátor neimplementoval nejakú funkciu použitú na testovanej stránke, táto skutočnosť bude vyhodnotená ako chyba a test sa vždy ukončí. Takéto situácie je možné obísť testovacím krokom:

<enableJavaScript enable="false"/>

Ak aj napriek zlej interpretácii Javascriptu testovacím klientom nechceme úplne odstaviť vykonávanie Javascriptu počas testu, môžeme nastaviť aby test v takomto prípade neskončil s chybou a pokračoval ďalej:

<config>
      <option name="ThrowExceptionOnScriptError" value="false" />
</config>

Stránky používajúce technológiu AJAX je možné testovať pomocou konfiguračného nastavenia “easyAjax”. Nie je teda potrebné žiadne ďalšie konfigurovanie testovacieho prostredia.

Príklad konfigurácie na testovanie stránok používajúcich AJAX:

<config>
  host="www.robime.it"
   protocol="http://"
   easyAjax ="true"
</config>


Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.



Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.

Roman Hesteric
Roman Hesterichttp://www.priklady.eu
Pracuje ako QA Architekt v Swiss Re. Predtým CTO pre Java a .Net aplikácie. Autorizovaný spolupracovník na projekte Canoo Webtest. Držiteľ certifikátov MCTS a MCPD pre SharePoint server. V IT pracuje 25 rokov, od starého dobrého Turbo Pascalu od Borlandu, cez Javu, až po C#. Administrátor matematického portálu www.priklady.eu

Fronted Developer / Aplikácie pre diabetikov

Páčila by sa Ti zmysluplná práca na produkte - aplikácií, ktorá pomáha ľuďom s tým najcennejším, čo majú -...

Linux Admin

Pre spoločnosť, ktorá sa sa zaoberá hostingom webov a aktuálne rýchlo expanduje, hľadáme Linux Admina.Môžeš pracovať na kontrakt alebo...

Lead Developer Architect

Hľadáš istotu a stabilitu v zamestnaní? Medzinárodná spoločnosť, ktorá vyvíja finančný softvér hľadá Lead Developer Architect-a.Ide o prácu na...

UX/UI Designer

Hľadáš istotu v podobe stabilného zamestnania? Medzinárodná spoločnosť, ktorá vyvíja finančný softvér hľadá UX/UI Designera.Ide o prácu na TPP...

FullStack Developer

Hľadáš istotu v podobe stabilného zamestnania? Medzinárodná spoločnosť, ktorá vyvíja finančný softvér hľadá FullStack Developera.Ide o prácu na TPP...

.NET / Angular/ Developer – REMOTE

NET/Angular Developer má teraz príležitosť prejsť na REMOTE s novým projektom!Pre spoločnosť, ktorá patrí medzi najvýznamnejších producentov informačných systémov...

Scrum Master

Máš rád svoju slobodu a pracuješ na projektoch? Hľadáme Scrum Mastra, ktorý by pracoval na projekte pre banku.Ide o...

Michal Hucko: Programovanie je veľmi ťažké, ale keby nebolo, tak by ho robil každý

Pokračujeme v sérii rozhovorov s inšpiratívnymi ľuďmi v IT. Tentokrát som vyspovedala dátového inžiniera, doktoranda na FIIT...

VŠMU pripravuje historicky prvé prijímacie skúšky na vysokoškolský študijný program Herný dizajn

Filmová a televízna fakulta Vysokej školy múzických umení v Bratislave otvára prijímacie...

Learn2code otvoril kurz o Cypress.io, treba ho vidieť

Ak sleduješ aktuálne trendy vo web developmente, pravdepodobne si už zachytili/a, že existuje tool, ktorý sa volá...

Čítaj ďalej:

Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.

Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.