Blog Canoo Webtest: neštandardné testy využitím Javascriptu a Ruby + Bonus

Canoo Webtest: neštandardné testy využitím Javascriptu a Ruby + Bonus

To, čo nejde otestovať štandardne, otestujeme naprogramovaním vlastnej testovacej logiky. Na špecifické prípady, ktoré sa nedajú jednoznačne otestovať pomocou štandardných prostriedkov canoo WebTest, je určený špeciálny testovací krok – <scriptStep>.

ScriptStep poskytuje možnosť napísať vlastný skriptovací kód, ktorý otestuje správnosť údajov na webe v niektorom zo skriptovacích jazykov. Tento jazyk však musí byť podporovaný “BSF (Bean Scripting Framework)“. Napríklad JavaScript, Python (buď s použitím Jython alebo JPython, XSLT štýly, Java (pomocou BeanShell), JRuby, Groovy, alebo ObjectScript.

BSF (Bean Scripting Framework) je sada Java tried, ktoré poskytujú podporu v rámci skriptovacieho jazyka a prístup k Java objektom a metódam zo skriptovacích jazykov. Toto je dosiahnuté poskytnutím API, ktoré umožňuje volať skriptovací jazyk zvnútra Javy.

Canoo WebTest obsahuje všetky potrebné súbory na podporu Groovy a JavaScript-u. Pre ostatné jazyky je potrebné stiahnutie príslušných súborov. Spravidla sa však jedná len o jeden jar súbor, ktorý je potrebné skopírovať do  webtest-classpath.

Ale dosť teórie, poďme si ukázať na čo je to všetko dobré. Na použite vlastného scriptStep-u si predstavme imaginárnu stránku, na ktorej je objednávka s položkami nákupu.

CR_2

Teraz si predstavme test, ktorého úlohou je otestovanie správnosti zobrazených údajov. Konkrétne či v treťom stĺpci “Množstvo” je skutočne súčin prvého stĺpca “Množstvo” a stĺpca “Jednotková cena”. Ďalej, či sú súčty v riadku “Total” naozaj správnymi súčtami jednotlivých položiek.

Na takýto test použijeme scriptStep – ktorého kód napíšeme v skriptovacom jazyku javascript:

<webtest name="scriptStep: testuje spravnost dat zobrazenych na objednavke">
    <steps>
        <invoke description="url stranky s objednavkou" url="test-1.html"/>
        <scriptStep description="spocitaj mnozstva a ceny" language="javascript"> 
            calc_qty = 0; 
            calc_price = 0; 
            items = document.getHtmlElementsByAttribute('tr', 'class', 'lineitem').iterator(); 
            while (items.hasNext()) {
                table_cells = items.next().getHtmlElementsByTagName('td'); 
                qty = parseInt(table_cells.get(1).asText()); 
                unit_price = parseInt(table_cells.get(2).asText()); 
                total_line_price = parseInt(table_cells.get(3).asText()); 
                calc_qty += qty; calc_price += total_line_price; 
                if (qty * unit_price != total_line_price) { 
                    step.setWebtestProperty('calc_error_found', 'true'); 
                }
            }
            step.setWebtestProperty('calc_qty', calc_qty); 
            step.setWebtestProperty('calc_price', calc_price); 
        </scriptStep>
        <not>
            <verifyProperty name="calc_error_found" text="true"/>
        </not>
        <verifyXPath description="kontrola celkoveho mnozstva" 
            xpath="//tr[@class='total']/td[2]" text="#{calc_qty}"/>
        <verifyXPath description="kontrola celkovej ceny"      
            xpath="//tr[@class='total']/td[4]" text="#{calc_price}"/>
    </steps>
</webtest>

Teraz ale skúsime niečo dosť špeciálne. Predstavme si stránku, na ktorej je číslo. Test má zistiť, či je toto číslo z Fibonacciho postupnosti.

CR_4

Na takýto test použijeme scriptStep – ktorého kód napíšeme v skriptovacom jazyku Ruby:

<target name="testFibonacciRuby">
  <webtest name="scriptStepManualTests: ruby test cisla">
    <steps>
      <invoke description="url stranky" url="test-2.html"/>
      <storeXPath description="extrahuj cislo na testovanie"
        xpath="//span[@id='fibonacci']/text()"
        property="number"/>
      <scriptStep description="skontroluj, ci je cislo z fibonacciho postupnosti" language="ruby">
          <![CDATA[
            def isFib(n)
              a, b = 0, 1
              a, b = b, a + b while b < n
              return n == 0 || b == n
            end
            $bsf.lookupBean("step").setWebtestProperty("found", "true") if isFib(#{number})
          ]]>
      </scriptStep>
      <verifyProperty name="found" text="true" />
    </steps>
  </webtest>
</target>

Myslím, že zavedením scriptStep-u sa výrazne zvýšila sila WebTestu. Každopádne je teraz umožnené tvorcom testovacích scenárov, aby mohli otestovať naozaj nevšedné “features”, ktoré sa môžu objavovať na testovaných weboch.

Bonusovým vylepšením Canoo WebTest je rozšírenie reportov o zoznam pomaly sa zobrazujúcich stránok [server response]. Táto nová možnosť zatiaľ nie je súčasťou oficiálnej release – zatiaľ stále čaká na implementáciu v riadnej release. Ja však pre čitateľov robime.it uvádzam toto rozšírenie.

Implementuje sa v súbore:

/build/resources/WebTestReport.xsl

Do tohto súboru sa doplní šablóna/template “show-time-problems“, ktorá na koniec každého WebTest reportu zobrazí tabuľku so zoznamom farebne rozlíšených stránok, ktorých zobrazenie v prehliadači trvalo viac ako 1500,  3000, 5000, 10000 milisekúnd.

<xsl:template name="show-time-problems">
	<xsl:variable name="requestSteps"
		select="//step[starts-with(@taskName, 'sqlunit')  or 
                                          @taskName = 'invoke'                                or 
                                          @taskName = 'clickLink'                              or 
                                          @taskName = 'clickButton'                          or 
                                          @taskName = 'clickElement'][@result = 'completed' or 
                                          @result   = 'failed']" />
	<table border="0">
		<tr>
			<th>Time</th>
			<th>Action</th>
			<th>Source Page</th>
			<th>Result Page</th>
			<th>Description</th>
		</tr>
		<xsl:for-each select="$requestSteps">
			<xsl:if test="number(@duration)&gt;1500">
				<tr>
					<xsl:attribute name="bgcolor">
						<xsl:choose>
							<xsl:when test="number(@duration)&gt;10000">
								<xsl:text>red</xsl:text>
							</xsl:when>
							<xsl:when test="number(@duration)&gt;5000">
								<xsl:text>pink</xsl:text>
							</xsl:when>
							<xsl:when test="number(@duration)&gt;3000">
								<xsl:text>orange</xsl:text>
							</xsl:when>
							<xsl:when test="number(@duration)&gt;1500">
								<xsl:text>yellow</xsl:text>
							</xsl:when>
							<xsl:otherwise>
								<xsl:text>white</xsl:text>
							</xsl:otherwise>
						</xsl:choose>
					</xsl:attribute>
					<xsl:variable name="previous_step" select="position()-1" />
					<td>
						<xsl:value-of select="@duration" />
					</td>
					<td>
						<xsl:value-of select="@taskName" />
						<xsl:choose>
							<xsl:when test="@taskName='clickButton'">
								<xsl:text>(</xsl:text>
								<xsl:value-of select="parameter[@name='label']/@value" />
								<xsl:text>)</xsl:text>
							</xsl:when>
							<xsl:when test="@taskName='clickLink'">
								<xsl:text>(</xsl:text>
								<xsl:value-of select="parameter[@name='label']/@value" />
								<xsl:text>)</xsl:text>
							</xsl:when>
							<xsl:when test="@taskName='invoke'">
								<xsl:text>(</xsl:text>
								<xsl:value-of select="parameter[@name='url']/@value" />
								<xsl:text>)</xsl:text>
							</xsl:when>
							<xsl:otherwise>
								<xsl:text>unknown</xsl:text>
							</xsl:otherwise>
						</xsl:choose>
					</td>
					<td>
						<a target="_blank">
							<xsl:attribute name="href">
								<xsl:if test="$responses.dir">
									<xsl:value-of select="$responses.dir" />
									<xsl:text>/</xsl:text>
								</xsl:if>
								<xsl:value-of select="$requestSteps[$previous_step]/resultFile/@name" />
							</xsl:attribute>
							<xsl:value-of select="$requestSteps[$previous_step]/resultFile/@name" />
						</a>
					</td>
					<td>
						<a target="_blank">
							<xsl:attribute name="href">
								<xsl:if test="$responses.dir">
									<xsl:value-of select="$responses.dir" />
									<xsl:text>/</xsl:text>
								</xsl:if>
								<xsl:value-of select="resultFile/@name" />
							</xsl:attribute>
							<xsl:value-of select="resultFile/@name" />
						</a>
					</td>
					<td>
						<xsl:if test="@description">
							<xsl:text> (</xsl:text>
							<xsl:value-of select="@description" />
							<xsl:text>)</xsl:text>
						</xsl:if>
						<xsl:text>...</xsl:text>
						<xsl:value-of select="@result" />
					</td>
				</tr>
			</xsl:if>
		</xsl:for-each>
	</table>
</xsl:template>

Týmto rozšírením sa opäť zvýši pridaná hodnota Canoo WebTestu. Zvýši sa o možnosť využiť ho aj ako nástroj na testy, ktorých výsledkom je analýza slabých miest aplikácií z pohľadu rýchlosti zobrazovania stránok/výkonu webovej aplikácie.

Príklady rozšírenia Canoo WebTest reportu o zoznam “pomalých stránok”:

CR_6

 

 


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

React FE Developer

Prejdi s novým projektom na remote! Ovládaš React a obzeráš sa po novom projekte? Pre medzinárodnú IT spoločnosť hľadáme...

Technical Writer / REMOTE

Si Technical Writer a hľadáš zmysluplný projekt, ktorý bude REMOTE? Teraz máš možnosť pomáhať zlepšovať kvalitu života pacientov prostredníctvom...

Junior/Medior DevOps Specialist / App pre solárne elektrárne

Ak si Junior alebo Medior DevOps Specialist, máš šancu vydať sa na cestu zvyšovania efektivity solárnych elektrární. Pracoval by...

DevOps Architect

Ak si alebo máš ambíciu stať sa DevOps Architect-om, zbystri pozornosť. Máme pre teba projekt!Pre medzinárodnú IT spoločnosť hľadáme...

.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...

DevOps Architect

Ak si alebo máš ambíciu stať sa DevOps Architect-om, zbystri pozornosť. Máme pre teba projekt!Pre medzinárodnú IT spoločnosť hľadáme...

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ú -...

Bratislava Game Jam sa tento rok spojil s hernými konferenciami Game Days a Game Developers Session Praha.

Bratislava Game Jam je súťaž programátorov, scenáristov, grafikov, filozofov a ilustrátorov, ktorých...

Ako chutí tá pravá Java? Odpoveď nájdete na JavaDays 2020 ONLINE

Zaujíma vás svet Javy a všetko s ním spojené? Máte záujem načerpať...

Bratislavská coworkingová legenda The Spot ožíva

The Spot – prvý bratislavský coworkingový priestor, v ktorom vznikali a sídlili...

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