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.

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

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.

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

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”:

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

 

 


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

Senior SAP Basis Consultant

Základné informáciePozícia: SAP Basis Consultant Pracovný pomer:  TPP, Živnosť Miesto práce: Pezinok, Home-Office Plat: od 3000+ EUR/Brutto/mesačnePopis práceposkytovanie služby inštalácie, konfigurácie,...

DBA Admin

Základné informáciePozícia: DBA Admin Pracovný pomer:  TPP, Živnosť Miesto práce: Pezinok, Home-Office Plat: od 2400 - 4000+ EUR/Brutto/mesačnePopis práce praca s databázovými...

Junior Technical Writer

Basic informationPosition: Junior Technical Writer Contract type: Full-Time employee Location: Bratislava, on-site Salary: from 1000 - 1400 EUR/ BruttoResponsibilities:Interviewing technical personnel...

QA/Testing Specialist – Automated Testing

Základné informáciePozícia: QA/Testing Specialist - Automated Testing Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: 1500 - 1900 EUR/Brutto/mesačnePopis prácenaplánovať a...

DevOps/SysAdmin Tech Lead

JOB Position: DevOps/SysAdmin Tech Lead Contract type: Full-time Location: Bratislava, on-site Salary: 3000 - 4000+ EUR/BruttoResponsibilities:team/tech leadership, prioritisation, 2 team members independent...

Junior/Senior Full Stack Developer / WEB Development for 150 countries

Basic informationPosition: Full Stack Developer Contract type: Full-Time employee or Contractor Location: Vienna (2-3 Days/Week On-Site) / 1 hour drive from...

Agile Project Manager / Scrum Master

JOB Position: Agile Project Manager / Scrum Master Contract type: TPP, Contract Location: Bratislava, Prague, Vienna Salary Junior: 1500 EUR/Brutto Salary Senior: 2200 EUR/Brutto Rate:...

Vieme kto je IT BLOGGER 2019

Súťaž IT Blogger 2019 sme v piatok 6.12.2019 oficiálne ukončili a prinášame vám vyhodnotenie a rozdáme ceny....

Milada Kováčová: Práca v IT nie je len o programovaní

Tentokrát sme sa rozhodli vyspovedať ďalšiu ženu v IT. Milada Kováčová pracuje v slovenskej softvérovej spoločnosti SOFTEC,...

Projekty prvej výzvy fondu SK-NIC sú schválené!

Po uzavretí výzvy Fondu SK-NIC na podporu malých projektov nás hodnotiaca komisia...

Čítaj viac:

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