Kako uporabljati selenium IDE s skripti & Ukazi (potrdi, preveri)

Kazalo:

Anonim

Kot testno spletno aplikacijo bomo uporabili spletno stran Mercury Tours. To je spletni sistem za rezervacijo letov, ki vsebuje vse elemente, ki jih potrebujemo za to vadnico. Njegov URL je http://demo.guru99.com/test/newtours/, in to bo naš osnovni URL.

Ustvari skript s snemanjem

Ustvarimo zdaj naš prvi testni skript v programu Selenium IDE po najpogostejši metodi - s snemanjem. Nato bomo izvedli naš scenarij s funkcijo predvajanja.

Korak 1

  • Zaženite Firefox in Selenium IDE.
  • Vnesite vrednost za naš osnovni URL: http://demo.guru99.com/test/newtours/.
  • Vklopite gumb Snemanje (če privzeto še ni vklopljen).
2. korak

V Firefoxu pojdite na http://demo.guru99.com/test/newtours/. Firefox naj vas pripelje na podobno stran, kot je prikazana spodaj.
3. korak
  • Z desno miškino tipko kliknite poljuben prazen prostor na strani, na primer logotip Mercury Tours v zgornjem levem kotu. Odprl se bo kontekstni meni Selenium IDE. Opomba: Ne kliknite na hiperpovezane predmete ali slike
  • Izberite možnost "Prikaži razpoložljive ukaze".
  • Nato izberite "assertTitle natančno: Dobrodošli: Mercury Tours." To je ukaz, ki zagotavlja, da je naslov strani pravilen.
4. korak
  • V besedilno polje »Uporabniško ime« v programu Mercury Tours vnesite neveljavno uporabniško ime »invalidUNN«.
  • V besedilno polje "Geslo" vnesite neveljavno geslo, "invalidPWD".
5. korak
  • Kliknite gumb "Prijava". Firefox bi vas moral odpreti na tej strani.
6. korak

Za zaustavitev snemanja izklopite gumb za snemanje. Zdaj bi moral biti vaš skript videti kot spodaj.
7. korak

Zdaj, ko smo končali s testnim skriptom, ga bomo shranili v testni primer. V meniju Datoteka izberite "Shrani testni primer". Lahko pa preprosto pritisnete Ctrl + S.
8. korak
  • Izberite želeno lokacijo in nato Test Case poimenujte kot "Invalid_login".
  • Kliknite gumb "Shrani".
9. korak

Upoštevajte, da je bila datoteka shranjena kot HTML.

10. korak

Vrnite se na Selenium IDE in kliknite gumb Predvajanje, da zaženete celoten skript. Selenium IDE bi moral biti sposoben brezhibno kopirati vse.

Uvod v selenske ukaze - selenese

  • Selenski ukazi imajo lahko največ dva parametra: ciljni in vrednostni.
  • Parametri niso ves čas potrebni. Odvisno od tega, koliko ukaza potrebuje.

3 vrste ukazov

Dejanja

To so ukazi, ki neposredno delujejo z elementi strani.

Primer: ukaz "klik" je dejanje, ker neposredno komunicirate z elementom, na katerega kliknete.

Ukaz "type" je tudi dejanje, ker v besedilno polje vstavljate vrednosti, ki vam jih v zameno prikaže. Med vami in besedilnim poljem obstaja dvosmerna interakcija.

Accessors

So ukazi, ki omogočajo shranjevanje vrednosti v spremenljivko.

Primer: ukaz "storeTitle" je dostop, ker le "prebere" naslov strani in ga shrani v spremenljivko. Ne vpliva na noben element na strani.

Trditve

So ukazi, ki preverjajo, ali je določen pogoj izpolnjen.

3 Vrste trditev

  • Uveljavi . Ko ukaz "assert" ne uspe, se preskus takoj ustavi.
  • Preverite . Ko ukaz "preveri" ne uspe, Selenium IDE to napako zabeleži in nadaljuje s preizkusom.
  • Počakaj . Preden nadaljujete z naslednjim ukazom, bodo ukazi "waitFor" najprej počakali, da določen pogoj postane resničen.
    • Če stanje v čakalnem obdobju postane resnično, korak preide.
    • Če pogoj ne postane resničen, korak ne uspe. Napaka je zabeležena in izvajanje preizkusa se nadaljuje na naslednji ukaz.
    • Privzeto je vrednost časovne omejitve nastavljena na 30 sekund. To lahko spremenite v pogovornem oknu Selenium IDE Options na zavihku General.

Uveljavi in ​​preveri

Skupni ukazi

Ukaz Število parametrov Opis
odprto 0 - 2

Odpre stran z URL-jem.
click / clickAndWait 1.

Kliki določenega elementa.
type / typeKeys 2.

Vnese zaporedje znakov.
verifyTitle / assertTitle 1.

Primerja dejanski naslov strani s pričakovano vrednostjo.
verifyTextPresent 1.

Preveri, ali je na strani določeno besedilo.
verifyElementPresent 1.

Preveri prisotnost določenega elementa.
verifyTable 2.

Primerja vsebino tabele s pričakovanimi vrednostmi.
waitForPageToLoad 1.

Začasno ustavi izvajanje, dokler se stran ne naloži v celoti.
waitForElementPresent 1.

Začasno ustavi izvajanje, dokler navedeni element ne postane prisoten.

S Firebugom ročno ustvarite skript

Zdaj bomo isti testni primer znova ustvarili ročno, tako da vtipkamo ukaze. Tokrat bomo morali uporabiti Firebug.

Korak 1
  • Odprite Firefox in Selenium IDE.
  • Vnesite osnovni URL (http://demo.guru99.com/test/newtours/).
  • Gumb za snemanje mora biti IZKLOPLJEN.
2. korak: Kliknite zgornjo prazno vrstico v urejevalniku.

V besedilno polje Command vnesite "open" in pritisnite Enter.
3. korak
  • Poiščite Firefox do našega osnovnega URL-ja in aktivirajte Firebug
  • V podoknu urejevalnika IDE Selenium izberite drugo vrstico (vrstica pod ukazom "odpri") in ustvarite drugi ukaz, tako da v polje Ukaz vnesete "assertTitle".
  • Uporabite funkcijo samodokončanja.
4. korak
  • V Firebugu razširite oznako , da se prikaže oznaka .</li> <li>Kliknite vrednost oznake <title> (ki je »Dobrodošli: Mercury Tours«) in jo prilepite v polje Target v urejevalniku.</li> </ul> </td> </tr> <tr> <td><strong>5. korak</strong> <ul> <li>Če želite ustvariti tretji ukaz, kliknite tretjo prazno vrstico v urejevalniku in vnesite "vrsto" v besedilno polje Ukaz.</li> <li>V Firebugu kliknite gumb "Preveri".</li> </ul> </td> </tr> <tr> <td>Kliknite besedilno polje Uporabniško ime. Upoštevajte, da vam Firebug samodejno prikaže kodo HTML za ta element.</td> </tr> <tr> <td><strong>6. korak</strong> <p>Upoštevajte, da besedilno polje Uporabniško ime nima ID-ja, ima pa atribut NAME. Zato bomo njegovo ime uporabili kot lokator. Kopirajte vrednost NAME in jo prilepite v polje Target v programu Selenium IDE.</p> <p>Še vedno v besedilnem polju Ciljna predpona "userName" z "name =", kar pomeni, da mora Selenium IDE ciljati na element, katerega atribut NAME je "userName".</p> <p>V besedilno polje Value v programu Selenium IDE vnesite "invalidUN". Vaš testni skript bi moral zdaj izgledati kot spodnja slika. Končali smo s tretjim ukazom. Opomba: Namesto neveljavnega UN lahko vnesete kateri koli drug besedilni niz. Toda Selenium IDE razlikuje med velikimi in malimi črkami in vrednosti / atribute vnašate natanko tako kot v aplikaciji.</p> </td> </tr> <tr> <td><strong>7. korak</strong> <ul> <li>Če želite ustvariti četrti ukaz, v besedilno polje Ukaz vnesite "type".</li> <li>Znova uporabite Firebugov gumb "Preveri", da dobite lokator za besedilno polje "Geslo".</li> </ul> <ul> <li> <p>Atribut NAME ("geslo") prilepite v polje Target in mu dodajte predpono "name ="</p> </li> <li> <p>V polje Value v programu Selenium IDE vnesite "invalidPW". Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</p> </li> </ul> </td> </tr> <tr> <td><strong>8. korak</strong> <ul> <li>Za peti ukaz vnesite "clickAndWait" v besedilno polje Command v programu Selenium IDE.</li> <li>Uporabite Firebugov gumb "Preveri", da dobite lokator za gumb "Prijava".</li> </ul> <ul> <li>Vrednost atributa NAME ("prijava") prilepite v besedilno polje Target in predpono vpišite "name =".</li> <li>Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</li> </ul> </td> </tr> </tbody> </table> <p><strong>9. korak:</strong> Testni primer shranite na enak način kot v prejšnjem poglavju.</p> <a id="menu-6"></a> <h2>Uporaba gumba za iskanje</h2> <p><strong>Gumb Poišči v programu Selenium IDE se uporablja za preverjanje, ali je tisto, kar smo dali v besedilno polje Target, res pravilen element uporabniškega vmesnika.</strong></p> <p>Uporabimo testni primer Invalid_login, ki smo ga ustvarili v prejšnjih razdelkih. Kliknite kateri koli ukaz z vnosom Target, recimo tretji ukaz.</p> <p>Kliknite gumb Najdi. Opazite, da bo polje z imenom uporabnika na strani Mercury Tours za trenutek označeno.</p> <p>To pomeni, da je Selenium IDE lahko pravilno zaznal in prišel do pričakovanega elementa. Če je gumb Najdi označil drug element ali ga sploh ni, potem mora biti z vašim skriptom nekaj narobe.</p> <a id="menu-7"></a> <h2>Izvedi ukaz</h2> <p><strong>To vam omogoča izvajanje katerega koli posameznega ukaza, ne da bi zagnali celoten testni primer</strong> . Preprosto kliknite vrstico, ki jo želite izvesti, in nato v menijski vrstici kliknite "Dejanja> Izvedi ta ukaz" ali preprosto pritisnite "X" na tipkovnici.</p> <p><strong>Korak 1.</strong> Prepričajte se, da je vaš brskalnik na domači strani Mercury Tours. Kliknite ukaz, ki ga želite izvršiti. V tem primeru kliknite vrstico "type | userName | invalidUN".</p> <p><strong>Korak 2.</strong> Pritisnite "X" na tipkovnici.</p> <p><strong>Korak 3.</strong> Upoštevajte, da se besedilno polje za uporabniško ime zapolni z besedilom "invalidUN"</p> <p><strong>Izvajanje ukazov na ta način je zelo odvisno od strani, ki jo Firefox trenutno prikazuje</strong> . To pomeni, da če poskusite zgornji primer z prikazano Googlovo domačo stran namesto Mercury Tours, potem vaš korak ne bo uspel, ker na Googlovi domači strani ni besedilnega polja z atributom "userName".</p> <a id="menu-8"></a> <h2>Začetna točka</h2> <p><strong>Začetna točka je indikator, ki sporoča Selenium IDE, v katerih vrsticah se bo začelo izvajanje</strong> . <strong>Njegova bližnjična tipka je "S".</strong></p> <p>V zgornjem primeru se bo predvajanje začelo v tretji vrstici (vnesite | geslo | neveljaven PW). <strong>V enem preskusnem skriptu lahko imate samo eno začetno točko.</strong></p> <p>Začetna točka je podobna izvedbi Command, tako da je odvisna od trenutno prikazane strani. Začetek ne bo uspel, če ste na napačni strani.</p> <a id="menu-9"></a> <h2>Mejne vrednosti</h2> <p>Mejne vrednosti so kazalniki, ki sporočajo, da Selenium IDE samodejno zaustavi test. <strong>Bližnjična tipka je "B".</strong></p> <p>Rumena oznaka pomeni, da je trenutni korak v teku. To dokazuje, da je Selenium IDE zaustavil izvajanje na tem koraku. <strong>V enem testnem primeru lahko imate več mejnih vrednosti.</strong></p> <a id="menu-10"></a> <h2>Korak</h2> <p>Omogoča vam, da po zaustavitvi testnega primera izvajate naslednje zaporedne ukaze. Uporabimo scenarij v prejšnjem poglavju "Točke preloma."</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Preden kliknete »Korak«.</strong></p> <p>Testni primer se ustavi v vrstici "clickAndWait | prijava".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Po kliku na "Korak".</strong></p> <p>Vrstica "clickAndWait | prijava" se zažene in zaustavi naslednji ukaz (verifyTitle | Prijava: Mercury Tours).</p> <p>Upoštevajte, da je naslednja vrstica zaustavljena, čeprav tam ni točke preloma. To je glavni namen funkcije Step - izvaja zaporedne ukaze enega za drugim, da vam omogoči več časa za pregled rezultata po vsakem koraku.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Pomembne stvari, ki jih je treba upoštevati pri uporabi drugih formatov v izvornem pogledu</h2> <p><strong>Selenium IDE dobro deluje samo z HTML-jem - druge oblike so še vedno v eksperimentalnem načinu</strong> . To je <strong>ni priporočljivo</strong> , da ustvarjanje in urejanje testi uporabo drugih formatov v Vir View, saj je pred nami še veliko dela je potrebno, da bi bilo stabilno. Spodaj so znane napake od različice 1.9.1.</p> <ul> <li>Predvajanja ne boste mogli izvajati niti preklopiti nazaj na pogled tabele, če se ne vrnete v HTML.</li> <li>Edini način za varno dodajanje ukazov v izvorno kodo je njihov zapis.</li> <li>Ko ročno spremenite izvorno kodo, se bo ob preklopu v drugo obliko izgubila vsa.</li> <li>Čeprav lahko testni primer shranite v izvornem pogledu, ga Selenium IDE ne bo mogel odpreti.</li> </ul> <p><strong>Priporočen način za pretvorbo selenskih testov je uporaba možnosti "Izvozi testni primer kot ..." v meniju Datoteka in ne prek Pogled vira.</strong></p> <a id="menu-12"></a> <h2>Povzetek</h2> <ul> <li>Testne skripte lahko ustvarite tako, da ukaze in parametre vnesete ročno.</li> <li>Pri ročnem ustvarjanju skriptov se Firebug uporablja za iskanje lokatorja.</li> <li>Gumb Najdi se uporablja za preverjanje, ali ukaz lahko dostopa do pravilnega elementa.</li> <li>Pogled tabele prikazuje preskusni skript v obliki tabele, medtem ko ga izvorni pogled prikaže v obliki HTML.</li> <li>Spreminjanje pogleda vira v format, ki ni HTML, je še vedno poskusno.</li> <li>Ne uporabljajte izvornega pogleda pri ustvarjanju testov v drugih oblikah. Namesto tega uporabite funkcije za izvoz.</li> <li>Parametri niso ves čas potrebni. Odvisno od ukaza.</li> <li>Obstajajo tri vrste ukazov:</li> <ul> <li>Dejanja - neposredno komunicira z elementi strani</li> <li>Accessors - "bere" lastnost elementa in ga shrani v spremenljivko</li> <li>Trditve - primerja dejansko vrednost s pričakovano</li> </ul> <li>Trditve imajo tri vrste:</li> <ul> <li>Trdi - ob neuspehu se naslednji koraki ne izvajajo več</li> <li>Preveri - ob neuspehu se naslednji koraki še vedno izvedejo.</li> <li>WaitFor - preide, če navedeni pogoj postane resničen v časovnem obdobju; v nasprotnem primeru ne bo uspelo</li> </ul> <li>Najpogostejši ukazi so:</li> <ul> <li>odprto</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifyTitle / assertTitle</li> <li>verifyTextPresent</li> <li>verifyElementPresent</li> <li>verifyTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226503-add-mongodb-array-using-insert-with-example" title="Dodajte MongoDB Array z uporabo insert () s primerom" rel="bookmark"><img src="https://cdn.css-code.org/7917121/add_mongodb_array_using_insert_with_example.png.webp" loading="lazy" alt="Dodajte MongoDB Array z uporabo insert () s primerom" title="Dodajte MongoDB Array z uporabo insert () s primerom" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226503-add-mongodb-array-using-insert-with-example" title="Dodajte MongoDB Array z uporabo insert () s primerom" rel="bookmark">Dodajte MongoDB Array z uporabo insert () s primerom 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226504-what-is-mongodb-introduction-architecture-features-and-example" title="Kaj je MongoDB? Uvod, arhitektura, lastnosti & Primer" rel="bookmark"><img src="https://cdn.css-code.org/2104665/what_is_mongodb_introduction-_architecture-_features_ampamp_example.png.webp" loading="lazy" alt="Kaj je MongoDB? Uvod, arhitektura, lastnosti & Primer" title="Kaj je MongoDB? Uvod, arhitektura, lastnosti & Primer" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226504-what-is-mongodb-introduction-architecture-features-and-example" title="Kaj je MongoDB? Uvod, arhitektura, lastnosti & Primer" rel="bookmark">Kaj je MongoDB? Uvod, arhitektura, lastnosti & Primer 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226505-mongodb-primary-key-example-to-set-id-field-with-objectid" title="Primarni ključ Mongodb: primer nastavitve polja _id z ObjectId ()" rel="bookmark"><img src="https://cdn.css-code.org/5808119/mongodb_primary_key_example_to_set_id_field_with_objectid.png.webp" loading="lazy" alt="Primarni ključ Mongodb: primer nastavitve polja _id z ObjectId ()" title="Primarni ključ Mongodb: primer nastavitve polja _id z ObjectId ()" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226505-mongodb-primary-key-example-to-set-id-field-with-objectid" title="Primarni ključ Mongodb: primer nastavitve polja _id z ObjectId ()" rel="bookmark">Primarni ključ Mongodb: primer nastavitve polja _id z ObjectId () 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Najboljše ocene za mesec</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003826-fallback-for-cdn-hosted-jquery" title="Rezervni del za jQuery, ki ga gosti CDN - CSS-triki" rel="bookmark">Rezervni del za jQuery, ki ga gosti CDN - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003827-find-and-wrap-ampersands" title="Poiščite in zavijte ampersande - CSS-triki" rel="bookmark">Poiščite in zavijte ampersande - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003828-fire-event-when-user-is-idle" title="Požarni dogodek, ko uporabnik miruje - CSS-triki" rel="bookmark">Požarni dogodek, ko uporabnik miruje - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003830-resize-iframe-to-fit-content-same-domain-only" title="Spremeni velikost vstavljenega okvira tako, da ustreza vsebini (samo za isto domeno) - CSS-triki" rel="bookmark">Spremeni velikost vstavljenega okvira tako, da ustreza vsebini (samo za isto domeno) - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003831-fix-minmax-width-for-browsers-without-native-support" title="Določite najmanjšo / največjo širino za brskalnike brez izvorne podpore - CSS-triki" rel="bookmark">Določite najmanjšo / največjo širino za brskalnike brez izvorne podpore - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003832-fix-select-dropdown-cutoff-in-ie-7" title="Odpravite izbirni spust v IE 7 - CSS-triki" rel="bookmark">Odpravite izbirni spust v IE 7 - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003833-force-an-iframe-to-reload" title="Prisili iframe za ponovno nalaganje - CSS-triki" rel="bookmark">Prisili iframe za ponovno nalaganje - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003834-fade-image-into-another-image" title="Zbledi sliko na drugo sliko - CSS-triki" rel="bookmark">Zbledi sliko na drugo sliko - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003835-fixing-ie-z-index" title="Določitev z indeksa IE - CSS-triki" rel="bookmark">Določitev z indeksa IE - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003837-get-an-images-native-width" title="Pridobite izvorno širino slik - CSS-triki" rel="bookmark">Pridobite izvorno širino slik - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003838-get-query-params-as-object" title="Pridobi poizvedbene parametre kot predmet - CSS-triki" rel="bookmark">Pridobi poizvedbene parametre kot predmet - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003839-fixing-load-in-ie-for-cached-images" title="Popravljanje .load () v IE za predpomnjene slike - CSS-triki" rel="bookmark">Popravljanje .load () v IE za predpomnjene slike - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003840-get-x-y-coordinates-of-mouse-within-box" title="Pridobite X, Y koordinate miške v polju - CSS-triki" rel="bookmark">Pridobite X, Y koordinate miške v polju - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003841-display-loading-graphic-until-page-fully-loaded" title="Prikaži nalaganje grafike, dokler stran ni popolnoma naložena - CSS-triki" rel="bookmark">Prikaži nalaganje grafike, dokler stran ni popolnoma naložena - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003842-highlight-all-links-to-current-page" title="Označi vse povezave do trenutne strani - CSS-triki" rel="bookmark">Označi vse povezave do trenutne strani - CSS-triki</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222614-what-is-testing-as-a-service-taas-model-explained" title="Kaj je testiranje kot storitev? Pojasnjen model TaaS" rel="bookmark"><img src="https://cdn.css-code.org/9558048/what_is_testing_as_a_service_taas_model_explained.png.webp" loading="lazy" alt="Kaj je testiranje kot storitev? Pojasnjen model TaaS" title="Kaj je testiranje kot storitev? Pojasnjen model TaaS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222614-what-is-testing-as-a-service-taas-model-explained" title="Kaj je testiranje kot storitev? Pojasnjen model TaaS" rel="bookmark">Kaj je testiranje kot storitev? Pojasnjen model TaaS 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222615-what-is-test-maturity-model-tmm-in-software-testing" title="Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?" rel="bookmark"><img src="https://cdn.css-code.org/3983987/what_is_test_maturity_model_tmm_in_software_testing_.png.webp" loading="lazy" alt="Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?" title="Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222615-what-is-test-maturity-model-tmm-in-software-testing" title="Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?" rel="bookmark">Kaj je testni model zrelosti (TMM) pri testiranju programske opreme? 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222616-severity-and-priority-in-testing-differences-and-example" title="Resnost & Prednost pri preskušanju: razlike & Primer" rel="bookmark"><img src="https://cdn.css-code.org/3945462/severity_ampamp_priority_in_testing_differences_ampamp_example.gif" loading="lazy" alt="Resnost & Prednost pri preskušanju: razlike & Primer" title="Resnost & Prednost pri preskušanju: razlike & Primer" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222616-severity-and-priority-in-testing-differences-and-example" title="Resnost & Prednost pri preskušanju: razlike & Primer" rel="bookmark">Resnost & Prednost pri preskušanju: razlike & Primer 2025</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222908-find-element-and-findelements-by-xpath-in-selenium-webdriver" title="Poiščite Element in FindElements s strani XPath v programu Selenium WebDriver" rel="bookmark">Poiščite Element in FindElements s strani XPath v programu Selenium WebDriver</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222909-how-to-select-checkbox-and-radio-button-in-selenium-webdriver" title="Kako izbrati CheckBox in radijski gumb v programu Selenium WebDriver" rel="bookmark">Kako izbrati CheckBox in radijski gumb v programu Selenium WebDriver</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222911-selenium-form-webelement-textbox-button-sendkeys-click" title="WebElement obrazca za selen: TextBox, Button, sendkeys (), click ()" rel="bookmark">WebElement obrazca za selen: TextBox, Button, sendkeys (), click ()</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222912-how-to-click-on-image-in-selenium-webdriver" title="Kako klikniti sliko v programu Selenium Webdriver" rel="bookmark">Kako klikniti sliko v programu Selenium Webdriver</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222913-how-to-select-value-from-dropdown-using-selenium-webdriver" title="Kako izbrati vrednost iz DropDown s pomočjo Selenium Webdriver" rel="bookmark">Kako izbrati vrednost iz DropDown s pomočjo Selenium Webdriver</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Izbira Urednika</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003590-stitched-look" title=""Šiven" pogled - CSS-triki" rel="bookmark">"Šiven" pogled - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003591-sticky-footer" title="Lepljiva noga - CSS-triki" rel="bookmark">Lepljiva noga - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003592-star-wars-crawl-text" title="Besedilo iskanja Star Wars - CSS-triki" rel="bookmark">Besedilo iskanja Star Wars - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003593-text-dripping-blood" title="Besedilo, ki kaplja kri - CSS-triki" rel="bookmark">Besedilo, ki kaplja kri - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003594-toggle-visibility-when-hiding-elements" title="Preklop vidnosti pri skrivanju elementov - CSS-triki" rel="bookmark">Preklop vidnosti pri skrivanju elementov - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222615-what-is-test-maturity-model-tmm-in-software-testing" title="Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?" rel="bookmark">Kaj je testni model zrelosti (TMM) pri testiranju programske opreme?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222616-severity-and-priority-in-testing-differences-and-example" title="Resnost & Prednost pri preskušanju: razlike & Primer" rel="bookmark">Resnost & Prednost pri preskušanju: razlike & Primer</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222617-difference-between-retesting-and-regression-testing" title="Razlika med ponovnim testiranjem in regresijskim preskušanjem" rel="bookmark">Razlika med ponovnim testiranjem in regresijskim preskušanjem</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222618-static-testing-vs-dynamic-testing-whats-the-difference" title="Statično preskušanje vs dinamično preskušanje: Kakšna je razlika?" rel="bookmark">Statično preskušanje vs dinamično preskušanje: Kakšna je razlika?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222619-quality-assurance-vs-quality-control-whats-the-difference" title="Zagotavljanje kakovosti proti nadzoru kakovosti: v čem je razlika?" rel="bookmark">Zagotavljanje kakovosti proti nadzoru kakovosti: v čem je razlika?</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright sl.css-code.org, 2025 September | <a href="https://sl.css-code.org/about-site" title="O spletnem mestu">O spletnem mestu</a> | <a href="https://sl.css-code.org/contacts" title="Stiki">Stiki</a> | <a href="https://sl.css-code.org/privacy-policy" title="Politika zasebnosti.">Politika zasebnosti.</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>