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="/8222883-hp-almqc-certification-definite-guide" title="„HP ALM / QC“ sertifikatas: apibrėžtas vadovas" rel="bookmark"><img src="https://cdn.css-code.org/6257033/hp_almqc_certification_definite_guide.png.webp" loading="lazy" alt="„HP ALM / QC“ sertifikatas: apibrėžtas vadovas" title="„HP ALM / QC“ sertifikatas: apibrėžtas vadovas" 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="/8222883-hp-almqc-certification-definite-guide" title="„HP ALM / QC“ sertifikatas: apibrėžtas vadovas" rel="bookmark">„HP ALM / QC“ sertifikatas: apibrėžtas vadovas 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="/8222885-30-best-alm-tools-mar-2021-list" title="30 geriausių ALM įrankių (2021 m. Kovo mėn. Sąrašas)" rel="bookmark"><img src="https://cdn.css-code.org/5579381/30_best_alm_tools_mar_2021_list.png.webp" loading="lazy" alt="30 geriausių ALM įrankių (2021 m. Kovo mėn. Sąrašas)" title="30 geriausių ALM įrankių (2021 m. Kovo mėn. Sąrašas)" 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="/8222885-30-best-alm-tools-mar-2021-list" title="30 geriausių ALM įrankių (2021 m. Kovo mėn. Sąrašas)" rel="bookmark">30 geriausių ALM įrankių (2021 m. Kovo mėn. Sąrašas) 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="/8222886-hp-alm-filter-conditions-find-replace-flags-history-and-send-mail" title="„HP ALM“: filtravimo sąlygos, radimas, keitimas, žymėjimas, istorija ir kita; Išsiųsti laišką" rel="bookmark"><img src="https://cdn.css-code.org/3446972/hp_alm_filter_conditions-_find-_replace-_flags-_history_ampamp_send_mail.png.webp" loading="lazy" alt="„HP ALM“: filtravimo sąlygos, radimas, keitimas, žymėjimas, istorija ir kita; Išsiųsti laišką" title="„HP ALM“: filtravimo sąlygos, radimas, keitimas, žymėjimas, istorija ir kita; Išsiųsti laišką" 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="/8222886-hp-alm-filter-conditions-find-replace-flags-history-and-send-mail" title="„HP ALM“: filtravimo sąlygos, radimas, keitimas, žymėjimas, istorija ir kita; Išsiųsti laišką" rel="bookmark">„HP ALM“: filtravimo sąlygos, radimas, keitimas, žymėjimas, istorija ir kita; Išsiųsti laišką 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="/8004047-shape-morphing-icons-in-button-on-click" title="Suformuokite „Morphing“ piktogramas paspaudę mygtuką CSS-gudrybės" rel="bookmark">Suformuokite „Morphing“ piktogramas paspaudę mygtuką CSS-gudrybės</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="/8004048-svg-patterns" title="SVG modeliai - CSS-gudrybės" rel="bookmark">SVG modeliai - CSS-gudrybės</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="/8004049-add-category-name-to-body-class" title="Pridėti kategorijos pavadinimą prie body_class - CSS-gudrybės" rel="bookmark">Pridėti kategorijos pavadinimą prie body_class - CSS-gudrybės</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="/8004050-curved-text-along-a-path" title="Lenktas tekstas palei kelią - CSS-gudrybės" rel="bookmark">Lenktas tekstas palei kelią - CSS-gudrybės</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="/8004051-adobe-illustrator-export-options" title="„Adobe Illustrator“ eksportavimo parinktys - CSS-gudrybės" rel="bookmark">„Adobe Illustrator“ eksportavimo parinktys - CSS-gudrybės</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="/8004052-addremove-contact-info-fields" title="Pridėti / pašalinti kontaktinės informacijos laukus CSS-gudrybės" rel="bookmark">Pridėti / pašalinti kontaktinės informacijos laukus CSS-gudrybės</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="/8004053-add-class-to-links-generated-by-next-posts-link-and-previous-posts-link" title="Pridėkite klasę prie nuorodų, kurias sugeneravo next_posts_link ir previous_posts_link - CSS-gudrybės" rel="bookmark">Pridėkite klasę prie nuorodų, kurias sugeneravo next_posts_link ir previous_posts_link - CSS-gudrybės</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="/8004054-text-lock-up" title="Teksto užrakinimas - CSS-gudrybės" rel="bookmark">Teksto užrakinimas - CSS-gudrybės</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="/8004055-svg-knockout-text" title="SVG nokautas - CSS-gudrybės" rel="bookmark">SVG nokautas - CSS-gudrybės</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="/8004057-base-threaded-comments-styling" title="Komentarai apie pagrindą su sriegiais CSS-gudrybės" rel="bookmark">Komentarai apie pagrindą su sriegiais CSS-gudrybės</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="/8004058-automatic-social-media-links" title="Automatinės socialinės žiniasklaidos nuorodos CSS-gudrybės" rel="bookmark">Automatinės socialinės žiniasklaidos nuorodos CSS-gudrybės</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="/8004059-apply-custom-css-to-admin-area" title="Taikykite pasirinktinį CSS administratoriaus srityje - CSS-gudrybės" rel="bookmark">Taikykite pasirinktinį CSS administratoriaus srityje - CSS-gudrybės</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="/8004060-change-avatar-size" title="Keisti avataro dydį - CSS-gudrybės" rel="bookmark">Keisti avataro dydį - CSS-gudrybės</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="/8004061-allow-svg-through-wordpress-media-uploader" title="Leisti SVG per „WordPress Media Uploader“ CSS-gudrybės" rel="bookmark">Leisti SVG per „WordPress Media Uploader“ CSS-gudrybės</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="/8004062-bloginfo-shortcode" title="„Bloginfo“ trumpasis kodas - CSS-gudrybės" rel="bookmark">„Bloginfo“ trumpasis kodas - CSS-gudrybės</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="/8003364-066-photoshopping-the-footer-part-1" title="# 066: poraštės fotopopieriavimas, 1 dalis - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/7693179/066_photoshopping_the_footer-_part_1_css-tricks.png.webp" loading="lazy" alt="# 066: poraštės fotopopieriavimas, 1 dalis - CSS-gudrybės" title="# 066: poraštės fotopopieriavimas, 1 dalis - 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="/8003364-066-photoshopping-the-footer-part-1" title="# 066: poraštės fotopopieriavimas, 1 dalis - CSS-gudrybės" rel="bookmark"># 066: poraštės fotopopieriavimas, 1 dalis - 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="/8003365-068-photoshopping-the-footer-part-3" title="# 068: Nuotraukos, pateikiamos poraštėje, 3 dalis - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/5077675/068_photoshopping_the_footer-_part_3_css-tricks.png.webp" loading="lazy" alt="# 068: Nuotraukos, pateikiamos poraštėje, 3 dalis - CSS-gudrybės" title="# 068: Nuotraukos, pateikiamos poraštėje, 3 dalis - 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="/8003365-068-photoshopping-the-footer-part-3" title="# 068: Nuotraukos, pateikiamos poraštėje, 3 dalis - CSS-gudrybės" rel="bookmark"># 068: Nuotraukos, pateikiamos poraštėje, 3 dalis - 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="/8003366-067-photoshopping-the-footer-part-2" title="# 067: Nuotraukos apie poraštę, 2 dalis - CSS-gudrybės" rel="bookmark"><img src="https://cdn.css-code.org/3337992/067_photoshopping_the_footer-_part_2_css-tricks.png.webp" loading="lazy" alt="# 067: Nuotraukos apie poraštę, 2 dalis - CSS-gudrybės" title="# 067: Nuotraukos apie poraštę, 2 dalis - 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="/8003366-067-photoshopping-the-footer-part-2" title="# 067: Nuotraukos apie poraštę, 2 dalis - CSS-gudrybės" rel="bookmark"># 067: Nuotraukos apie poraštę, 2 dalis - 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="/8224690-hashmap-in-java-learn-with-example" title="„HashMap“ sistemoje „Java“ Sužinokite su pavyzdžiu" rel="bookmark">„HashMap“ sistemoje „Java“ Sužinokite su pavyzdžiu</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224691-command-line-arguments-in-java-with-example" title="Komandų eilutės argumentai „Java“ su pavyzdžiu" rel="bookmark">Komandų eilutės argumentai „Java“ su pavyzdžiu</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224692-java-static-method-variable-and-block-with-example" title="„Java“ statinis metodas, kintamasis ir blokavimas su pavyzdžiu" rel="bookmark">„Java“ statinis metodas, kintamasis ir blokavimas su pavyzdžiu</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224693-java-stack-and-heap-java-memory-allocation-tutorial" title="„Java Stack and Heap“: „Java“ atminties paskirstymo pamoka" rel="bookmark">„Java Stack and Heap“: „Java“ atminties paskirstymo pamoka</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224694-what-is-garbage-collection-in-java" title="Kas yra „Java“ šiukšlių rinkimas?" rel="bookmark">Kas yra „Java“ šiukšlių rinkimas?</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="/8003257-08-using-svg-iframeobjectembed" title="08: naudojant SVG: iframe / object / embed - CSS-gudrybės" rel="bookmark">08: naudojant SVG: iframe / object / embed - 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="/8003258-04-why-svg-small" title="04: Kodėl SVG? Mažas. - CSS-gudrybės" rel="bookmark">04: Kodėl SVG? Mažas. - 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="/8003260-11-getting-svg-the-noun-project" title="11: Kaip gauti SVG - daiktavardžio projektas - CSS-gudrybės" rel="bookmark">11: Kaip gauti SVG - daiktavardžio projektas - 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="/8003261-12-getting-svg-icon-fonts-and-sets" title="12: SVG gavimas - piktogramų šriftai ir rinkiniai - CSS-gudrybės" rel="bookmark">12: SVG gavimas - piktogramų šriftai ir rinkiniai - 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="/8003262-09-svg-with-data-uris" title="09: SVG su duomenų URI - CSS-gudrybės" rel="bookmark">09: SVG su duomenų URI - 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="/8222530-top-23-jmeter-interview-questions-and-answers" title="23 populiariausi „JMeter“ interviu klausimai ir Atsakymai" rel="bookmark">23 populiariausi „JMeter“ interviu klausimai ir Atsakymai</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222531-jmeter-tutorial-pdf-for-beginners-download-now" title="„JMeter“ mokymo programa pradedantiesiems (atsisiųsti dabar)" rel="bookmark">„JMeter“ mokymo programa pradedantiesiems (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="/8222532-spiral-model-when-to-use-advantages-and-disadvantages" title="Spiralinis modelis: kada naudoti? Privalumai ir Trūkumai" rel="bookmark">Spiralinis modelis: kada naudoti? Privalumai ir Trūkumai</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222533-15-best-jira-alternatives-in-2021" title="15 geriausių JIRA alternatyvų 2021 m" rel="bookmark">15 geriausių JIRA alternatyvų 2021 m</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222534-what-is-cloud-testing-saas-testing-tutorial" title="Kas yra debesų testavimas? „SaaS“ testavimo pamoka" rel="bookmark">Kas yra debesų testavimas? „SaaS“ testavimo pamoka</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright lt.css-code.org, 2025 Sausis | <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>