Kaip naudoti Selenium IDE su scenarijais & Komandos (Tvirtinti, Patvirtinti)

Turinys:

Anonim

Mes naudosime „Mercury Tours“ svetainę kaip bandomą interneto programą. Tai internetinė skrydžių rezervavimo sistema, kurioje yra visi elementai, reikalingi šiai pamokai. Jo URL yra http://demo.guru99.com/test/newtours/, ir tai bus mūsų pagrindinis URL.

Sukurkite scenarijų įrašydami

Dabar sukurkime savo pirmąjį bandomąjį scenarijų „Selenium IDE“ naudodami dažniausiai naudojamą metodą - įrašydami. Vėliau mes atliksime scenarijų naudodami atkūrimo funkciją.

1 žingsnis

  • Paleiskite „Firefox“ ir „Selenium IDE“.
  • Įveskite pagrindinio URL vertę: http://demo.guru99.com/test/newtours/.
  • Įjunkite mygtuką Įrašyti (jei jis dar neįjungtas pagal numatytuosius nustatymus).
2 žingsnis

„Firefox“ naršykite adresu http://demo.guru99.com/test/newtours/. „Firefox“ turėtų nukreipti jus į puslapį, panašų į nurodytą žemiau.

3 žingsnis
  • Dešiniuoju pelės mygtuku spustelėkite bet kurią tuščią vietą puslapyje, pvz., Ant „Mercury Tours“ logotipo viršutiniame kairiajame kampe. Tai atvers kontekstinį meniu „Selenium IDE“. Pastaba: Nespauskite jokių hipersaitinių objektų ar vaizdų
  • Pasirinkite parinktį „Rodyti galimas komandas“.
  • Tada pasirinkite „assertTitle pontos: Sveiki:„ Mercury Tours ““. Tai komanda, užtikrinanti, kad puslapio pavadinimas yra teisingas.
4 žingsnis
  • „Mercury Tours“ teksto laukelyje „Vartotojo vardas“ įveskite netinkamą vartotojo vardą „invalidUNN“.
  • Teksto laukelyje „Slaptažodis“ įveskite neteisingą slaptažodį „invalidPWD“.
5 žingsnis
  • Spustelėkite mygtuką „Prisijungti“. „Firefox“ turėtų jus nukreipti į šį puslapį.
6 žingsnis

Norėdami sustabdyti įrašymą, išjunkite įrašymo mygtuką. Dabar scenarijus turėtų atrodyti taip, kaip parodyta žemiau.

7 žingsnis

Dabar, kai baigsime testavimo scenarijų, išsaugosime jį bandomuoju atveju. Meniu Failas pasirinkite „Išsaugoti bandomąjį atvejį“. Arba galite tiesiog paspausti „Ctrl“ + S.

8 žingsnis
  • Pasirinkite norimą vietą ir pavadinkite bandomąjį atvejį kaip „Invalid_login“.
  • Spustelėkite mygtuką „Išsaugoti“.
9 žingsnis.

Atkreipkite dėmesį, kad failas buvo išsaugotas kaip HTML.

10 žingsnis.

Grįžkite į „Selenium IDE“ ir spustelėkite mygtuką „Atkurti“, kad įvykdytumėte visą scenarijų. Selenas IDE turėtų sugebėti viską nepriekaištingai pakartoti.

Įvadas į seleno komandas -

  • „Selenese“ komandos gali turėti ne daugiau kaip du parametrus: tikslą ir vertę.
  • Parametrų nereikia nuolat. Tai priklauso nuo to, kiek komandos reikės.

3 komandų tipai

Veiksmai

Tai komandos, tiesiogiai sąveikaujančios su puslapio elementais.

Pavyzdys: komanda „spustelėkite“ yra veiksmas, nes jūs tiesiogiai sąveikaujate su elementu, kurį spustelite.

Komanda „type“ taip pat yra veiksmas, nes jūs dedate vertes į teksto laukelį, o teksto laukelyje jums jas parodoma. Tarp jūsų ir teksto laukelio yra abipusė sąveika.

Prieigos

Tai komandos, leidžiančios išsaugoti reikšmes kintamajam.

Pavyzdys: komanda „storeTitle“ yra prieiga, nes ji tik „skaito“ puslapio pavadinimą ir išsaugo jį kintamajame. Tai nesąveikauja su jokiu puslapio elementu.

Teiginiai

Tai komandos, kurios patikrina, ar įvykdyta tam tikra sąlyga.

3 teiginių rūšys

  • Teigti . Nepavykus komandai „tvirtinti“, testas nedelsiant sustabdomas.
  • Patikrinkite . Kai nepavyksta komandai „patikrinti“, „Selenium IDE“ užregistruoja šią triktį ir tęsia bandymą.
  • Laukti . Prieš pereidami prie kitos komandos, „waitFor“ komandos pirmiausia laukia, kol bus įvykdyta tam tikra sąlyga.
    • Jei sąlyga išsipildo per laukimo laikotarpį, žingsnis praeina.
    • Jei sąlyga nepasitvirtina, žingsnis nepavyksta. Gedimas registruojamas ir bandomasis vykdymas pereina prie kitos komandos.
    • Pagal numatytuosius nustatymus skirtasis laikas nustatomas kaip 30 sekundžių. Tai galite pakeisti skirtuke Bendra esančiame dialogo lange „Selenium IDE Options“.

Teigti ir patikrinti

Bendros komandos

Komanda Parametrų skaičius apibūdinimas
atviras 0 - 2

Atidaro puslapį naudodamas URL.

spustelėkite / spustelėkiteAndWait 1

Paspaudimai ant nurodyto elemento.

type / typeKeys 2

Įveda simbolių seką.

„VertiTitle“ / „AssertTitle“ 1

Palygina tikrąjį puslapio pavadinimą su numatoma verte.

patvirtintiTextPresent 1

Tikrina, ar puslapyje yra tam tikras tekstas.

patikrinti „ElementPresent“ 1

Patikrina, ar yra tam tikras elementas.

patvirtinti lentelę 2

Palygina lentelės turinį su laukiamomis vertėmis.

waitForPageToLoad 1

Pristabdo vykdymą, kol puslapis bus visiškai įkeltas.

waitForElementPresent 1

Pristabdo vykdymą, kol nurodytas elementas taps.

Sukurkite scenarijų rankiniu būdu naudodami „Firebug“

Dabar mes atkursime tą patį bandymo atvejį rankiniu būdu, įvesdami komandas. Šį kartą mums reikės naudoti „Firebug“.

1 žingsnis
  • Atidarykite „Firefox“ ir „Selenium IDE“.
  • Įveskite pagrindinį URL (http://demo.guru99.com/test/newtours/).
  • Įrašymo mygtukas turėtų būti išjungtas.
2 žingsnis: Spustelėkite viršutinę tuščią eilutę redaktoriuje.

Teksto laukelyje „Command“ įveskite „open“ ir paspauskite Enter.

3 žingsnis
  • Eikite į „Firefox“ į mūsų pagrindinį URL ir suaktyvinkite „Firebug“
  • „Selenium IDE“ redaktoriaus srityje pasirinkite antrą eilutę (eilutę po komanda „atidaryti“) ir sukurkite antrąją komandą, komandų laukelyje įrašydami „assertTitle“.
  • Nesivaržykite naudoti automatinio užbaigimo funkciją.
4 žingsnis
  • „Firebug“ išplėskite žymą , kad būtų rodoma žyma .</li> <li>Spustelėkite žymės <title> vertę (kuri yra „Sveiki atvykę:„ Mercury Tours “) ir įklijuokite ją į redaktoriaus lauką„ Tikslinė “.</li> </ul> </td> </tr> <tr> <td><strong>5 žingsnis</strong> <ul> <li>Norėdami sukurti trečiąją komandą, spustelėkite trečią tuščią eilutę redaktoriuje ir įveskite „type“ komandiniame teksto laukelyje.</li> <li>„Firebug“ spustelėkite mygtuką „Tikrinti“.</li> </ul> </td> </tr> <tr> <td>Spustelėkite teksto laukelį Vartotojo vardas. Atkreipkite dėmesį, kad „Firebug“ automatiškai rodo to elemento HTML kodą.</td> </tr> <tr> <td><strong>6 žingsnis</strong> <p>Atkreipkite dėmesį, kad teksto laukelyje Vartotojo vardas nėra ID, tačiau jis turi atributą NAME. Todėl mes naudosime jo pavadinimą kaip lokatorių. Nukopijuokite „NAME“ vertę ir įklijuokite ją į lauką „Target“, esančiame „Selenium IDE“.</p> <p>Vis tiek teksto laukelyje „Taikinys“ priešdėlis „vartotojo vardas“ su „vardas =“ reiškia, kad „Selenium IDE“ turėtų taikyti pagal elementą, kurio NAME atributas yra „vartotojo vardas“.</p> <p>„Selenium IDE“ teksto laukelyje „Value“ įveskite „invalidUN“. Jūsų bandomasis scenarijus dabar turėtų atrodyti taip, kaip paveikslėlyje žemiau. Mes baigėme trečią komandą. Pastaba: vietoj invalidUN galite įvesti bet kurią kitą teksto eilutę. Bet Selenium IDE skiria didžiosios ir mažosios raidės, o jūs įvesite reikšmes / atributus tiksliai taip, kaip programoje.</p> </td> </tr> <tr> <td><strong>7 žingsnis</strong> <ul> <li>Norėdami sukurti ketvirtąją komandą, teksto laukelyje „Command“ įveskite „įveskite“.</li> <li>Vėlgi naudokite „Firebug“ mygtuką „Tikrinti“, kad gautumėte teksto laukelio „Slaptažodis“ lokatorių.</li> </ul> <ul> <li> <p>Įklijuokite atributą NAME („password“) į lauką Target ir prieš jį įveskite „name =“</p> </li> <li> <p>„Selenium IDE“ lauke Reikšmė įveskite „invalidPW“. Jūsų bandomasis scenarijus dabar turėtų atrodyti taip, kaip paveikslėlyje žemiau.</p> </li> </ul> </td> </tr> <tr> <td><strong>8 žingsnis</strong> <ul> <li>Norėdami gauti penktąją komandą, „Selenium IDE“ komandiniame teksto laukelyje įveskite „clickAndWait“.</li> <li>Naudokite „Firebug“ mygtuką „Tikrinti“, kad gautumėte mygtuko „Prisijungti“ lokatorių.</li> </ul> <ul> <li>Įklijuokite atributo NAME reikšmę („login“) į teksto laukelį „Target“ ir priešais jį įveskite „name =“.</li> <li>Jūsų bandomasis scenarijus dabar turėtų atrodyti taip, kaip paveikslėlyje žemiau.</li> </ul> </td> </tr> </tbody> </table> <p><strong>9 žingsnis:</strong> Išsaugokite bandomąjį atvejį taip pat, kaip tai darėme ankstesniame skyriuje.</p> <a id="menu-6"></a> <h2>„Find“ mygtuko naudojimas</h2> <p><strong>„Selenium IDE“ mygtukas „Rasti“ naudojamas patikrinti, ar tai, ką įdėjome į teksto laukelį „Tikslinė“, tikrai yra teisingas vartotojo sąsajos elementas.</strong></p> <p>Panaudokime „Invalid_login“ bandymo atvejį, kurį sukūrėme ankstesniuose skyriuose. Spustelėkite bet kurią komandą su „Target“ įrašu, tarkime, trečią komandą.</p> <p>Spustelėkite mygtuką Rasti. Atkreipkite dėmesį, kad „Mercury Tours“ puslapio laukelis Vartotojo vardas sekundei paryškinamas.</p> <p>Tai rodo, kad Selenium IDE sugebėjo teisingai aptikti ir pasiekti numatytą elementą. Jei mygtukas „Rasti“ pažymėjo kitą elementą arba jo apskritai nebuvo, tada scenarijuje turi būti kažkas negerai.</p> <a id="menu-7"></a> <h2>Vykdyti komandą</h2> <p><strong>Tai leidžia jums atlikti bet kurią komandą, nevykdant viso bandymo atvejo</strong> . Tiesiog spustelėkite norimą vykdyti eilutę ir tada meniu juostoje spustelėkite „Veiksmai> Vykdyti šią komandą“ arba tiesiog paspauskite „X“ klaviatūroje.</p> <p><strong>1 žingsnis.</strong> Įsitikinkite, kad jūsų naršyklė yra „Mercury Tours“ pagrindiniame puslapyje. Spustelėkite komandą, kurią norite vykdyti. Šiame pavyzdyje spustelėkite eilutę "type | userName | invalidUN".</p> <p><strong>2 žingsnis.</strong> Klaviatūroje paspauskite „X“.</p> <p><strong>3 žingsnis.</strong> Atkreipkite dėmesį, kad vartotojo vardo teksto laukelyje bus užpildytas tekstas „invalidUN“</p> <p><strong>Komandų vykdymas tokiu būdu labai priklauso nuo puslapio, kurį šiuo metu rodo „Firefox“</strong> . Tai reiškia, kad jei bandysite aukščiau pateiktą pavyzdį, kai „Google“ pagrindinis puslapis bus rodomas vietoj „Mercury Tours“, jūsų veiksmas bus nesėkmingas, nes „Google“ pagrindiniame puslapyje nėra teksto laukelio su atributu „userName“.</p> <a id="menu-8"></a> <h2>Pradinis taškas</h2> <p><strong>Pradžios taškas yra rodiklis, nurodantis „Selenium IDE“, kurios eilutės bus pradėtos vykdyti</strong> . <strong>Jo spartusis klavišas yra „S“.</strong></p> <p>Ankstesniame pavyzdyje atkūrimas bus pradėtas trečioje eilutėje (tipas | slaptažodis | netinkamasPW). <strong>Viename testo scenarijuje galite turėti tik vieną pradžios tašką.</strong></p> <p>Pradžios taškas yra panašus į „Execute Command“, nes jis priklauso nuo šiuo metu rodomo puslapio. Pradinis taškas nepavyks, jei atsidursite ne toje svetainėje.</p> <a id="menu-9"></a> <h2>Lūžio taškai</h2> <p>Lūžio taškai yra rodikliai, nurodantys Selenium IDE, kur automatiškai pristabdyti testą. <strong>Spartusis klavišas yra „B“.</strong></p> <p>Geltonas paryškinimas reiškia, kad laukia dabartinis žingsnis. Tai įrodo, kad „Selenium IDE“ sustabdė šio veiksmo vykdymą. <strong>Vienu bandymo atveju galite turėti kelis lūžio taškus.</strong></p> <a id="menu-10"></a> <h2>Žingsnis</h2> <p>Tai leidžia jums vykdyti sekančias komandas po vieną, pristabdžius bandomąjį atvejį. Panaudokime ankstesnio skyriaus „Lūžio taškai“ scenarijų.</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Prieš spustelėdami „Žingsnis“.</strong></p> <p>Bandomasis atvejis pristabdomas eilutėje „clickAndWait | login“.</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Spustelėjus „Žingsnis“.</strong></p> <p>Vykdoma eilutė „clickAndWait | login“ ir pristabdoma prie kitos komandos (VerifyTitle | Sign-on: Mercury Tours).</p> <p>Atkreipkite dėmesį, kad kita eilutė pristabdyta, nors joje nėra lūžio taško. Tai yra pagrindinis „Step“ funkcijos tikslas - ji vykdo sekančias komandas po vieną, kad suteiktų daugiau laiko po kiekvieno žingsnio patikrinti rezultatą.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Svarbūs dalykai, į kuriuos reikia atkreipti dėmesį, kai šaltinio rodinyje naudojami kiti formatai</h2> <p><strong>Selenium IDE gerai veikia tik su HTML - kiti formatai vis dar yra eksperimentinio režimo</strong> . Tai <strong>nepatartina</strong> kurti ar redaguoti testai naudojant kitus formatus Šaltinis Peržiūrėti nes yra dar daug darbo reikia, kad ji stabili. Žemiau yra žinomos 1.9.1 versijos klaidos.</p> <ul> <li>Negalėsite atlikti atkūrimo ar persijungti į lentelės rodinį, nebent grįšite į HTML.</li> <li>Vienintelis būdas saugiai pridėti komandas prie šaltinio kodo yra jas įrašyti.</li> <li>Kai pakeisite šaltinio kodą rankiniu būdu, visi jie bus prarasti, kai perjungsite į kitą formatą.</li> <li>Nors galite išsaugoti bandomąjį atvejį būdami šaltinio rodinyje, „Selenium IDE“ negalės jo atidaryti.</li> </ul> <p><strong>Rekomenduojamas būdas konvertuoti „Selenese“ testus yra naudoti failo meniu parinktį „Eksportuoti bandymo atvejį kaip ...“, o ne per šaltinio rodinį.</strong></p> <a id="menu-12"></a> <h2>Santrauka</h2> <ul> <li>Testo scenarijus galima sukurti įrašant arba rankiniu būdu įvedant komandas ir parametrus.</li> <li>Kuriant scenarijus rankiniu būdu, „Firebug“ naudojama lokatoriui gauti.</li> <li>Mygtukas „Rasti“ naudojamas patikrinti, ar komanda gali pasiekti teisingą elementą.</li> <li>Lentelės rodinyje bandomasis scenarijus rodomas lentelių pavidalu, o „Source View“ - HTML formatu.</li> <li>Šaltinio rodinio keitimas į ne HTML formatą vis dar yra eksperimentinis.</li> <li>Nenaudokite šaltinio rodinio kurdami bandymus kitais formatais. Vietoj to naudokite eksportavimo funkcijas.</li> <li>Parametrų nereikia nuolat. Tai priklauso nuo komandos.</li> <li>Yra trijų tipų komandos:</li> <ul> <li>Veiksmai - tiesiogiai sąveikauja su puslapio elementais</li> <li>Prieigos elementai - „skaito“ elemento ypatybę ir saugo jį kintamajame</li> <li>Teiginiai - palygina faktinę vertę su numatoma</li> </ul> <li>Teiginiai gali būti trijų tipų:</li> <ul> <li>Teigti - sugedus, sekantys veiksmai nebevykdomi</li> <li>Patikrinti - nesėkmės atveju sekantys veiksmai vis tiek vykdomi.</li> <li>„WaitFor“ - praeina, jei nurodyta sąlyga pasiteisina per skirtąjį laiką; priešingu atveju tai nepavyks</li> </ul> <li>Dažniausios komandos yra šios:</li> <ul> <li>atviras</li> <li>spustelėkite / spustelėkiteAndWait</li> <li>type / typeKeys</li> <li>„VertiTitle“ / „AssertTitle“</li> <li>patvirtintiTextPresent</li> <li>patikrinti „ElementPresent“</li> <li>patvirtinti lentelę</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">Populiarios Temos</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="/8004324-78-on-web-advertising" title="# 78: Apie internetinę reklamą - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/4205847/78_on_web_advertising_css-tricks.png.webp" loading="lazy" alt="# 78: Apie internetinę reklamą - CSS-gudrybės" title="# 78: Apie internetinę reklamą - CSS-gudrybės" 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="/8004324-78-on-web-advertising" title="# 78: Apie internetinę reklamą - CSS-gudrybės" rel="bookmark"># 78: Apie internetinę reklamą - CSS-gudrybės 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="/8004325-7-three-state-menu" title="# 7: Trijų būsenų meniu - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/8554281/7_three_state_menu_css-tricks.png.webp" loading="lazy" alt="# 7: Trijų būsenų meniu - CSS-gudrybės" title="# 7: Trijų būsenų meniu - CSS-gudrybės" 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="/8004325-7-three-state-menu" title="# 7: Trijų būsenų meniu - CSS-gudrybės" rel="bookmark"># 7: Trijų būsenų meniu - CSS-gudrybės 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="/8004326-79-completenon-queuing-animations-with-jquery" title="# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/8302040/79_completenon-queuing_animations_with_jquery_css-tricks.png.webp" loading="lazy" alt="# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės" title="# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės" 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="/8004326-79-completenon-queuing-animations-with-jquery" title="# 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės" rel="bookmark"># 79: Pilnos / be eilės animacijos su „jQuery“ - CSS-gudrybės 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Geriausi nuomonės apie mėnesį</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="/8226198-15-best-github-alternatives-in-2021" title="15 geriausių „Github“ alternatyvų 2021 m" rel="bookmark">15 geriausių „Github“ alternatyvų 2021 m</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="/8226200-20-best-front-end-web-development-tools-and-software-in-2021" title="20 geriausių žiniatinklio kūrimo įrankių & Programinė įranga 2021 m" rel="bookmark">20 geriausių žiniatinklio kūrimo įrankių & Programinė įranga 2021 m</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="/8226201-21-best-ccleaner-alternatives-in-2021-freepaid" title="21 geriausia „CCleaner“ alternatyva 2021 m. (Nemokama / mokama)" rel="bookmark">21 geriausia „CCleaner“ alternatyva 2021 m. (Nemokama / mokama)</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="/8226202-12-best-free-pc-cleaner-tuneup-utility-pc-optimizer-software" title="12 geriausių nemokamų kompiuterių valiklių - „TuneUp“ įrankis „PC Optimizer“ programinė įranga" rel="bookmark">12 geriausių nemokamų kompiuterių valiklių - „TuneUp“ įrankis „PC Optimizer“ programinė įranga</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="/8226203-20-best-mp3-music-downloader-app-free-songs-download" title="20 geriausių MP3 muzikos atsisiuntimo programų - NEMOKAMOS dainos atsisiųsti" rel="bookmark">20 geriausių MP3 muzikos atsisiuntimo programų - NEMOKAMOS dainos atsisiųsti</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="/8226204-20-best-free-registry-cleaners-in-2021" title="20 geriausių nemokamų registrų valytojų 2021 m" rel="bookmark">20 geriausių nemokamų registrų valytojų 2021 m</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="/8226205-15-best-download-manager-for-windows-pc-2021" title="15+ GERIAUSIAS „Windows PC“ atsisiuntimų tvarkytuvas (2021)" rel="bookmark">15+ GERIAUSIAS „Windows PC“ atsisiuntimų tvarkytuvas (2021)</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="/8226206-17-best-defrag-software-in-2021-freepaid" title="17 geriausių „Defrag“ programinės įrangos 2021 m. (Nemokama / mokama)" rel="bookmark">17 geriausių „Defrag“ programinės įrangos 2021 m. (Nemokama / mokama)</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="/8226207-find-and-remove-duplicate-files-on-windowsmac-18-best-tools" title="Raskite ir pašalinkite pasikartojančius failus sistemoje „Windows“ / „Mac“: 18 geriausių įrankių" rel="bookmark">Raskite ir pašalinkite pasikartojančius failus sistemoje „Windows“ / „Mac“: 18 geriausių įrankių</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="/8226208-top-31-mvc-interview-questions-and-answers" title="31 populiariausias MVC interviu klausimas ir Atsakymai" rel="bookmark">31 populiariausias MVC interviu klausimas ir Atsakymai</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="/8226209-top-50-software-engineering-interview-questions-and-answers" title="50 geriausių programinės įrangos inžinerijos interviu klausimų ir atsakymų" rel="bookmark">50 geriausių programinės įrangos inžinerijos interviu klausimų ir atsakymų</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="/8226210-web-scraping-with-vba" title="Žiniatinklio grandymas naudojant VBA" rel="bookmark">Žiniatinklio grandymas naudojant VBA</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="/8226212-25-best-programming-books-2021-update" title="Daugiau nei 25 geriausios programavimo knygos (2021 m. Atnaujinimas)" rel="bookmark">Daugiau nei 25 geriausios programavimo knygos (2021 m. Atnaujinimas)</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="/8226214-top-22-vba-interview-questions-and-answers" title="22 populiariausi VBA interviu klausimai ir Atsakymai" rel="bookmark">22 populiariausi VBA interviu klausimai ir Atsakymai</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="/8226215-14-best-algorithm-and-data-structures-books-2021-list" title="14 geriausių algoritmų ir Duomenų struktūrų knygos (2021 m. Sąrašas)" rel="bookmark">14 geriausių algoritmų ir Duomenų struktūrų knygos (2021 m. Sąrašas)</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Top Straipsniai</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="/8004305-58-html-and-css-the-very-basics" title="# 58: HTML ir CSS - LABAI pagrindai - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/2031954/58_html_css_-_the_very_basics_css-tricks.jpg.webp" loading="lazy" alt="# 58: HTML ir CSS - LABAI pagrindai - CSS-gudrybės" title="# 58: HTML ir CSS - LABAI pagrindai - CSS-gudrybės" 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="/8004305-58-html-and-css-the-very-basics" title="# 58: HTML ir CSS - LABAI pagrindai - CSS-gudrybės" rel="bookmark"># 58: HTML ir CSS - LABAI pagrindai - CSS-gudrybės 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="/8004306-66-table-styling-2-fixed-header-and-highlighting" title="# 66: 2 lentelės stilius, fiksuota antraštė ir paryškinimas - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/4079414/66_table_styling_2-_fixed_header_and_highlighting_css-tricks.png.webp" loading="lazy" alt="# 66: 2 lentelės stilius, fiksuota antraštė ir paryškinimas - CSS-gudrybės" title="# 66: 2 lentelės stilius, fiksuota antraštė ir paryškinimas - CSS-gudrybės" 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="/8004306-66-table-styling-2-fixed-header-and-highlighting" title="# 66: 2 lentelės stilius, fiksuota antraštė ir paryškinimas - CSS-gudrybės" rel="bookmark"># 66: 2 lentelės stilius, fiksuota antraštė ir paryškinimas - CSS-gudrybės 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="/8004307-65-advanced-uses-for-custom-fields-in-wordpress" title="# 65: Išplėstinis „WordPress“ laukų naudojimas - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/2366874/65_advanced_uses_for_custom_fields_in_wordpress_css-tricks.png.webp" loading="lazy" alt="# 65: Išplėstinis „WordPress“ laukų naudojimas - CSS-gudrybės" title="# 65: Išplėstinis „WordPress“ laukų naudojimas - CSS-gudrybės" 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="/8004307-65-advanced-uses-for-custom-fields-in-wordpress" title="# 65: Išplėstinis „WordPress“ laukų naudojimas - CSS-gudrybės" rel="bookmark"># 65: Išplėstinis „WordPress“ laukų naudojimas - CSS-gudrybės 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">Populiarios Temos</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003784-word-count-bookmarklet" title="Žodžių skaičius Žymelė - CSS-gudrybės" rel="bookmark">Žodžių skaičius Žymelė - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003785-viewport-size-screen-resolution-mouse-postition" title="Peržiūros srities dydis, ekrano skiriamoji geba, pelės padėtis - CSS-gudrybės" rel="bookmark">Peržiūros srities dydis, ekrano skiriamoji geba, pelės padėtis - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003786-add-active-navigation-class-based-on-url" title="Pridėti aktyvios navigacijos klasę pagal URL - CSS-gudrybės" rel="bookmark">Pridėti aktyvios navigacijos klasę pagal URL - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003787-addingremoving-class-on-hover" title="Kurso pridėjimas / pašalinimas ant žymeklio CSS-gudrybės" rel="bookmark">Kurso pridėjimas / pašalinimas ant žymeklio CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003788-unescape-html-in-js" title="Unescape HTML JS - CSS-gudrybės" rel="bookmark">Unescape HTML JS - CSS-gudrybės</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Redaktoriaus Pasirinkimas</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003139-nth-of-type" title=": n-tasis tipas CSS-gudrybės" rel="bookmark">: n-tasis tipas CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003140-only-of-type" title=": tik tipo - CSS-gudrybės" rel="bookmark">: tik tipo - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003141-not" title=": ne () - CSS-gudrybės" rel="bookmark">: ne () - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003143-marker" title=":: žymeklis - CSS-gudrybės" rel="bookmark">:: žymeklis - CSS-gudrybės</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003146-root" title=": šaknis - CSS-gudrybės" rel="bookmark">: šaknis - CSS-gudrybės</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Straipsniai</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224224-sap-wage-type-reporter-pc00-mxx-cwtr" title="„SAP Wage Type Reporter“: PC00_MXX_CWTR" rel="bookmark">„SAP Wage Type Reporter“: PC00_MXX_CWTR</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224225-top-sap-hr-interview-questions" title="Populiariausi SAP HR interviu klausimai" rel="bookmark">Populiariausi SAP HR interviu klausimai</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224227-bank-transfer-using-sap-dme-file" title="Banko pavedimas naudojant SAP DME failą" rel="bookmark">Banko pavedimas naudojant SAP DME failą</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224228-sap-hr-module-pdf-hcm-and-payroll-overview-download-now" title="SAP HR modulis PDF: HCM & Darbo užmokesčio apžvalga (atsisiųsti dabar)" rel="bookmark">SAP HR modulis PDF: HCM & Darbo užmokesčio apžvalga (atsisiųsti dabar)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224229-overview-of-sap-mm-module" title="SAP MM modulio apžvalga" rel="bookmark">SAP MM modulio apžvalga</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright lt.css-code.org, 2025 Gegužė | <a href="https://lt.css-code.org/about-site" title="Apie svetainę">Apie svetainę</a> | <a href="https://lt.css-code.org/contacts" title="Kontaktai">Kontaktai</a> | <a href="https://lt.css-code.org/privacy-policy" title="Privatumo politika">Privatumo politika</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>