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

IT Analytik/čka

IT Analytik/čka | Bankovníctvo | TPP | Bratislava Pracuj pre NAJ zamestnávateľa v oblasti bankovníctva na mobilnej aplikácií s množstvom...

Frontend/ React Developer

Pracuj podľa vlastných pravidiel, slobodne a kreatívne. Pre Frontend Developera máme 12+ mesačný projekt pre prepravnú spoločnosť. Práca je na...

Backend / .Net, C# Developer

Pracuj podľa vlastných pravidiel, slobodne a kreatívne. Pre Backend Developera máme 12+ mesačný projekt pre prepravnú spoločnosť. Práca je na...

C/C++ Developer

Chce to niečo výnimočné? Zmeň prostredie a získaj nadšenie z práce! Spoločnosť, ktorá vyvíja hardvérové čipy hľadá C/C++ Developera. Zakladateľ...

Data Scientist / REMOTE

Pre mladý startup vyvíjajúci softvér, ktorý prispieva hráčom k lepšiemu zážitku z hrania, hľadáme Data Scientist. Založili ho dvaja...

IT Aplikačný Architekt

Chceš stabilné zamestnanie, vychutnávať si skvelý kolektív a mať priestor na realizáciu svojich riešení? Pre spoločnosť pôsobiacu v energetike...

Front End Developer

Pracuj na svetovom SW produkte, ktorý je používaný miliónmi používateľov! Firma rýchlo rastie a vyvíja nové features. Poznáme ich prostredie...

Máte vo firemných stretnutiach chaos? Česká firma našla riešenie, teraz s aplikáciou dobývajú svet

Vyvíjajú ju v Českej republike, pracujú na nej aj hendikepovaní kolegovia a používajú ju firmy v rôznych krajinách sveta....

Ondrej Kubovič – Digitálna bezpečnosť a riziká na internete

Tentokrát sme sa porozprávali s Ondrejom Kubovičom, špecialistom v spoločnosti ESET na populárnu tému digitálnej bezpečnosti. Ondrej nám uviedol...

Slovenskí tvorcovia hier dosiahli v roku 2020 rekordný obrat 72 miliónov EUR, zamestnávali 870 ľudí

Slovenský herný priemysel nezastavila ani pandémia, v roku 2020 opäť výrazne rástol. Podľa štatistík Slovak Game Developers Association prekonal...

Čí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ť.