Kā lietot Selenium IDE ar skriptiem & Komandas (apgalvot, pārbaudīt)

Satura rādītājs:

Anonim

Mēs izmantosim vietni Mercury Tours kā testējamu tīmekļa lietojumprogrammu. Tā ir tiešsaistes lidojumu rezervēšanas sistēma, kas satur visus elementus, kas nepieciešami šai apmācībai. Tās URL ir http://demo.guru99.com/test/newtours/, un tas būs mūsu bāzes URL.

Izveidojiet skriptu, ierakstot

Tagad izveidosim savu pirmo testa skriptu Selenium IDE, izmantojot visizplatītāko metodi - ierakstot. Pēc tam mēs izpildīsim skriptu, izmantojot atskaņošanas funkciju.

1. solis

  • Palaidiet Firefox un Selenium IDE.
  • Ierakstiet mūsu pamata URL vērtību: http://demo.guru99.com/test/newtours/.
  • Pārslēdziet pogu Ierakstīt (ja pēc noklusējuma tā vēl nav ieslēgta).
2. solis

Pārlūkprogrammā Firefox dodieties uz vietni http://demo.guru99.com/test/newtours/. Firefox vajadzētu novirzīt jūs uz lapu, kas ir līdzīga tai, kas parādīta zemāk.

3. solis
  • Ar peles labo pogu noklikšķiniet uz jebkuras tukšas vietas lapā, piemēram, uz Mercury Tours logotipa augšējā kreisajā stūrī. Tas parādīs konteksta izvēlni Selenium IDE. Piezīme: Neklikšķiniet uz neviena hipersaites objekta vai attēla
  • Atlasiet opciju "Rādīt pieejamās komandas".
  • Pēc tam atlasiet "assertTitle tarkka: Laipni lūdzam: Mercury Tours". Šī ir komanda, kas pārliecinās, ka lapas nosaukums ir pareizs.
4. solis
  • Mercury Tours tekstlodziņā "Lietotāja vārds" ierakstiet nederīgu lietotājvārdu "invalidUNN".
  • Tekstlodziņā "Parole" ierakstiet nederīgu paroli "invalidPWD".
5. solis
  • Noklikšķiniet uz pogas Pierakstīties. Firefox vajadzētu novirzīt jūs uz šo lapu.
6. solis

Lai pārtrauktu ierakstīšanu, izslēdziet ierakstīšanas pogu. Tagad jūsu skriptam vajadzētu izskatīties kā parādīts zemāk.

7. solis

Tagad, kad mēs esam pabeiguši savu testa skriptu, mēs to saglabāsim testa gadījumā. Izvēlnē Fails atlasiet "Saglabāt testa gadījumu". Varat arī vienkārši nospiest taustiņu kombināciju Ctrl + S.

8. solis
  • Izvēlieties vēlamo atrašanās vietu un pēc tam nosauciet testa gadījumu kā "Invalid_login".
  • Noklikšķiniet uz pogas "Saglabāt".
9. solis.

Ievērojiet, ka fails tika saglabāts kā HTML.

10. solis.

Atgriezieties sadaļā Selenium IDE un noklikšķiniet uz pogas Atskaņošana, lai izpildītu visu skriptu. Selēna IDE vajadzētu būt iespējai visu nevainojami atkārtot.

Ievads selēna komandās -

  • Selenese komandām var būt ne vairāk kā divi parametri: mērķis un vērtība.
  • Parametri nav nepieciešami visu laiku. Tas ir atkarīgs no tā, cik komandai būs nepieciešams.

3 komandu veidi

Darbības

Tās ir komandas, kas tieši mijiedarbojas ar lapas elementiem.

Piemērs: komanda "noklikšķināt" ir darbība, jo jūs tieši mijiedarbojaties ar elementu, uz kura noklikšķināt.

Komanda "tips" ir arī darbība, jo jūs ievietojat vērtības tekstlodziņā, un tekstlodziņā tās jums tiek parādītas pretī. Starp jums un tekstlodziņu notiek divvirzienu mijiedarbība.

Piekļuves

Tās ir komandas, kas ļauj saglabāt vērtības mainīgajam.

Piemērs: komanda "storeTitle" ir piekļuve, jo tā tikai "nolasa" lapas nosaukumu un saglabā to mainīgajā. Tas nav mijiedarbojas ar nevienu lapas elementu.

Apgalvojumi

Tās ir komandas, kas pārbauda, ​​vai ir izpildīts noteikts nosacījums.

3 apgalvojumu veidi

  • Apgalvot . Ja komanda "apgalvot" neizdodas, pārbaude tiek nekavējoties pārtraukta.
  • Pārbaudiet . Kad neizdodas "pārbaudīt" komandu, Selenium IDE reģistrē šo kļūmi un turpina testa izpildi.
  • WaitFor . Pirms pāriet uz nākamo komandu, komandas "waitFor" vispirms gaidīs, lai noteiktu nosacījumu izpildītu.
    • Ja gaidīšanas laikā nosacījums kļūst patiess, solis iet.
    • Ja nosacījums nepiepildās, solis neizdodas. Neveiksme tiek reģistrēta, un testa izpilde pāriet uz nākamo komandu.
    • Pēc noklusējuma taimauta vērtība ir iestatīta uz 30 sekundēm. To var mainīt cilnes Vispārīgi dialoglodziņā Selenium IDE opcijas.

Apstiprināt pret pārbaudīt

Kopīgas komandas

Komanda Parametru skaits Apraksts
atvērts 0 - 2

Atver lapu, izmantojot URL.

noklikšķiniet / noklikšķiniet uz Un gaidiet 1

Noklikšķina uz norādītā elementa.

tips / typeKeys 2

Ieraksta rakstzīmju secību.

pārbaudītTitle / assertTitle 1

Salīdzina faktisko lapas virsrakstu ar paredzamo vērtību.

pārbaudītTextPresent 1

Pārbauda, ​​vai lapā ir atrasts noteikts teksts.

pārbaudītElementPresent 1

Pārbauda noteikta elementa klātbūtni.

verificētTabula 2

Salīdzina tabulas saturu ar gaidāmajām vērtībām.

waitForPageToLoad 1

Aptur izpildi, līdz lapa ir pilnībā ielādēta.

waitForElementPresent 1

Pārtrauc izpildi, līdz norādītais elements kļūst pieejams.

Izveidojiet skriptu manuāli, izmantojot Firebug

Tagad mēs to pašu testa gadījumu atjaunosim manuāli, ierakstot komandas. Šoreiz mums būs jāizmanto Firebug.

1. solis
  • Atveriet Firefox un Selenium IDE.
  • Ierakstiet pamata URL (http://demo.guru99.com/test/newtours/).
  • Ierakstīšanas pogai jābūt izslēgtai.
2. solis: Redaktorā noklikšķiniet uz augšējās tukšās rindas.

Teksta lodziņā Command ierakstiet "open" un nospiediet taustiņu Enter.

3. solis
  • Pārejiet uz Firefox uz mūsu pamata URL un aktivizējiet Firebug
  • Selenium IDE redaktora rūtī atlasiet otro rindu (rindu zem komandas "open") un izveidojiet otro komandu, komandu lodziņā ierakstot "assertTitle".
  • Izmantojiet automātiskās pabeigšanas funkciju.
4. solis
  • Programmā Firebug paplašiniet tagu , lai parādītu tagu .</li> <li>Noklikšķiniet uz taga <title> vērtības (kas ir "Welcome: Mercury Tours") un ielīmējiet to redaktora laukā Mērķis.</li> </ul> </td> </tr> <tr> <td><strong>5. solis</strong> <ul> <li>Lai izveidotu trešo komandu, noklikšķiniet uz trešās tukšās rindas redaktorā un ievadiet teksta lodziņā komandu "tips".</li> <li>Firebug noklikšķiniet uz pogas "Pārbaudīt".</li> </ul> </td> </tr> <tr> <td>Noklikšķiniet uz tekstlodziņa Lietotājvārds. Ievērojiet, ka Firebug automātiski parāda šī elementa HTML kodu.</td> </tr> <tr> <td><strong>6. solis</strong> <p>Ievērojiet, ka tekstlodziņam Lietotājvārds nav ID, bet tam ir NAME atribūts. Tāpēc mēs izmantosim tā nosaukumu kā lokatoru. Nokopējiet vērtību NAME un ielīmējiet to Selenium IDE laukā Mērķis.</p> <p>Joprojām tekstlodziņā Mērķis pievienojiet prefiksu "userName" ar "name =", norādot, ka Selenium IDE ir jābūt mērķētam uz elementu, kura NAME atribūts ir "userName".</p> <p>Selenium IDE teksta lodziņā ierakstiet “invalidUN”. Jūsu testa skriptam tagad vajadzētu izskatīties kā zemāk redzamais attēls. Mēs esam pabeiguši ar trešo komandu. Piezīme: invalidUN vietā varat ievadīt jebkuru citu teksta virkni. Bet Selenium IDE ir reģistrjutīgs, un vērtības / atribūtus ierakstāt tieši tāpat kā lietojumprogrammā.</p> </td> </tr> <tr> <td><strong>7. solis</strong> <ul> <li>Lai izveidotu ceturto komandu, tekstlodziņā Command ievadiet “type”.</li> <li>Atkal izmantojiet Firebug pogu “Pārbaudīt”, lai atrastu tekstlodziņa “Parole” lokatoru.</li> </ul> <ul> <li> <p>Ielīmējiet atribūtu NAME ("parole") laukā Mērķis un pievienojiet to prefiksam ar nosaukumu "name ="</p> </li> <li> <p>Selenium IDE laukā Vērtība ierakstiet "invalidPW". Jūsu testa skriptam tagad vajadzētu izskatīties kā zemāk redzamais attēls.</p> </li> </ul> </td> </tr> <tr> <td><strong>8. solis</strong> <ul> <li>Piektajai komandai komandas tekstlodziņā Selenium IDE ierakstiet "clickAndWait".</li> <li>Izmantojiet Firebug pogu “Pārbaudīt”, lai atrastu pogas “Pierakstīties” lokatoru.</li> </ul> <ul> <li>Ielīmējiet atribūta NAME vērtību ("login") tekstlodziņā Target un pievienojiet to prefiksam "name =".</li> <li>Jūsu testa skriptam tagad vajadzētu izskatīties kā zemāk redzamais attēls.</li> </ul> </td> </tr> </tbody> </table> <p><strong>9. solis:</strong> saglabājiet testa gadījumu tāpat kā mēs to izdarījām iepriekšējā sadaļā.</p> <a id="menu-6"></a> <h2>Izmantojot pogu Atrast</h2> <p><strong>Selenium IDE poga Atrast tiek izmantota, lai pārbaudītu, vai teksta lodziņā Mērķis ievietotais patiešām ir pareizs lietotāja interfeisa elements.</strong></p> <p>Izmantosim Invalid_login testa gadījumu, kuru izveidojām iepriekšējās sadaļās. Noklikšķiniet uz jebkuras komandas ar ierakstu Target, teiksim, trešo komandu.</p> <p>Noklikšķiniet uz pogas Atrast. Ievērojiet, ka tekstlodziņš Lietotājvārds Mercury Tours lapā uz brīdi tiek iezīmēts.</p> <p>Tas norāda, ka Selenium IDE spēja pareizi noteikt gaidīto elementu un piekļūt tam. Ja poga Atrast iezīmēja citu elementu vai to vispār neizcēla, tad ar skriptu kaut kas nav kārtībā.</p> <a id="menu-7"></a> <h2>Izpildīt komandu</h2> <p><strong>Tas ļauj izpildīt jebkuru komandu, neizlaižot visu testa gadījumu</strong> . Vienkārši noklikšķiniet uz rindas, kuru vēlaties izpildīt, un pēc tam izvēlņu joslā noklikšķiniet uz "Darbības> Izpildīt šo komandu" vai vienkārši nospiediet "X" uz tastatūras.</p> <p><strong>1. solis.</strong> Pārliecinieties, vai pārlūkprogramma atrodas Mercury Tours mājaslapā. Noklikšķiniet uz komandas, kuru vēlaties izpildīt. Šajā piemērā noklikšķiniet uz rindas "type | userName | invalidUN".</p> <p><strong>2. solis.</strong> Tastatūrā nospiediet "X".</p> <p><strong>3. solis.</strong> Ievērojiet, ka lietotājvārda tekstlodziņš tiek aizpildīts ar tekstu "invalidUN"</p> <p><strong>Šādā veidā komandu izpilde ir ļoti atkarīga no lapas, kuru Firefox pašlaik parāda</strong> . Tas nozīmē, ka, izmēģinot iepriekš minēto piemēru, parādot Google sākumlapu, nevis Mercury Tours ', jūsu darbība neizdosies, jo Google mājas lapā nav tekstlodziņa ar atribūtu "userName".</p> <a id="menu-8"></a> <h2>Sākuma punkts</h2> <p><strong>Sākuma punkts ir indikators, kas norāda Selenium IDE, kuras līnijas tiks sākta izpilde</strong> . <strong>Tās īsinājumtaustiņš ir "S".</strong></p> <p>Iepriekš minētajā piemērā atskaņošana tiks sākta trešajā rindā (tips | parole | nederīgsPW). <strong>Vienā testa skriptā var būt tikai viens sākuma punkts.</strong></p> <p>Sākuma punkts ir līdzīgs komandai Execute tādā ziņā, ka tie ir atkarīgi no pašlaik parādītās lapas. Sākuma punkts neizdosies, ja atrodaties nepareizajā lapā.</p> <a id="menu-9"></a> <h2>Lūzuma punkti</h2> <p>Lūzuma punkti ir indikatori, kas norāda Selenium IDE, kur automātiski apturēt testu. <strong>Īsinājumtaustiņš ir "B".</strong></p> <p>Dzeltenā iezīme nozīmē, ka pašreizējais solis ir gaida. Tas pierāda, ka Selenium IDE ir apturējis šī soļa izpildi. <strong>Vienā testa gadījumā var būt vairāki pārtraukuma punkti.</strong></p> <a id="menu-10"></a> <h2>Solis</h2> <p>Tas ļauj izpildīt sekojošās komandas pa vienam pēc testa lietas apturēšanas. Izmantosim scenāriju iepriekšējā sadaļā "Lūzuma punkti".</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Pirms noklikšķināt uz "solis".</strong></p> <p>Pārbaudes gadījums tiek pārtraukts rindā "clickAndWait | login".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Pēc noklikšķināšanas uz "solis".</strong></p> <p>Tiek palaista rinda "clickAndWait | login" un tiek pārtraukta nākamās komandas darbība (VerTitle | Sign-on: Mercury Tours).</p> <p>Ievērojiet, ka nākamā rinda ir pārtraukta, kaut arī tur nav pārtraukuma punkta. Šis ir funkcijas Step galvenais mērķis - tā izpilda sekojošās komandas pa vienai, lai dotu jums vairāk laika pārbaudīt rezultātu pēc katra soļa.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Svarīgas lietas, kas jāņem vērā, izmantojot avota skatā citus formātus</h2> <p><strong>Selēns IDE labi darbojas tikai ar HTML - citi formāti joprojām ir eksperimentālā režīmā</strong> . Tas <strong>nav ieteicams</strong> , lai izveidotu vai rediģētu testos izmantojot citus formātus Avots View, jo ir vēl daudz darba nepieciešams, lai padarītu to stabilitāti. Zemāk ir zināmās kļūdas no 1.9.1 versijas.</p> <ul> <li>Jūs nevarēsiet atskaņot un pārslēgties atpakaļ uz tabulas skatu, ja vien neatgriezīsities HTML.</li> <li>Vienīgais veids, kā droši pievienot avota kodam komandas, ir to ierakstīšana.</li> <li>Pārveidojot avota kodu manuāli, pārejot uz citu formātu, tas tiks zaudēts.</li> <li>Lai gan avota skatā varat saglabāt savu testa gadījumu, Selenium IDE to nevarēs atvērt.</li> </ul> <p><strong>Ieteicamais veids, kā konvertēt Selenese testus, ir izmantot izvēlnes Fails opciju "Eksportēt testa gadījumu kā ...", nevis izmantojot avota skatu.</strong></p> <a id="menu-12"></a> <h2>Kopsavilkums</h2> <ul> <li>Testa skriptus var izveidot, ierakstot vai manuāli ierakstot komandas un parametrus.</li> <li>Veidojot skriptus manuāli, lokatora iegūšanai tiek izmantota Firebug.</li> <li>Poga Atrast tiek izmantota, lai pārbaudītu, vai komanda spēj piekļūt pareizajam elementam.</li> <li>Tabulas skatā testa skripts tiek parādīts tabulas veidā, savukārt avota skatā HTML formātā.</li> <li>Avota skata maiņa uz HTML formātu nav eksperimentāla.</li> <li>Neizmantojiet avota skatu, veidojot testus citos formātos. Tā vietā izmantojiet funkcijas Eksportēt.</li> <li>Parametri nav nepieciešami visu laiku. Tas ir atkarīgs no komandas.</li> <li>Ir trīs veidu komandas:</li> <ul> <li>Darbības - tieši mijiedarbojas ar lapas elementiem</li> <li>Accessors - "nolasa" elementa rekvizītu un saglabā to mainīgajā</li> <li>Apgalvojumi - salīdzina faktisko vērtību ar paredzamo</li> </ul> <li>Apgalvojumiem ir trīs veidi:</li> <ul> <li>Apstiprināt - pēc neveiksmes nākamie soļi vairs netiek izpildīti</li> <li>Pārbaudīt - pēc neveiksmes joprojām tiek izpildītas nākamās darbības.</li> <li>WaitFor - pāriet, ja norādītais nosacījums iestājas noildzes periodā; pretējā gadījumā tas neizdosies</li> </ul> <li>Visizplatītākās komandas ir:</li> <ul> <li>atvērts</li> <li>noklikšķiniet / noklikšķiniet uz Un gaidiet</li> <li>tips / typeKeys</li> <li>pārbaudītTitle / assertTitle</li> <li>pārbaudītTextPresent</li> <li>pārbaudītElementPresent</li> <li>verificētTabula</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">Populārākas Posts</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="/8222497-top-25-database-testing-interview-questions-and-answers" title="Top 25 datu bāzes testēšanas interviju jautājumi un amp; Atbildes" rel="bookmark"><img src="https://cdn.css-code.org/7822582/top_25_database_testing_interview_questions_ampamp_answers.jpg.webp" loading="lazy" alt="Top 25 datu bāzes testēšanas interviju jautājumi un amp; Atbildes" title="Top 25 datu bāzes testēšanas interviju jautājumi un amp; Atbildes" 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="/8222497-top-25-database-testing-interview-questions-and-answers" title="Top 25 datu bāzes testēšanas interviju jautājumi un amp; Atbildes" rel="bookmark">Top 25 datu bāzes testēšanas interviju jautājumi un amp; Atbildes 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="/8222501-test-data-generation-what-is-how-to-example-tools" title="Pārbaudes datu ģenerēšana: kas ir, kā, piemērs, rīki" rel="bookmark"><img src="https://cdn.css-code.org/5208490/test_data_generation_what_is-_how_to-_example-_tools.jpg.webp" loading="lazy" alt="Pārbaudes datu ģenerēšana: kas ir, kā, piemērs, rīki" title="Pārbaudes datu ģenerēšana: kas ir, kā, piemērs, rīki" 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="/8222501-test-data-generation-what-is-how-to-example-tools" title="Pārbaudes datu ģenerēšana: kas ir, kā, piemērs, rīki" rel="bookmark">Pārbaudes datu ģenerēšana: kas ir, kā, piemērs, rīki 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="/8222504-what-is-negative-testing-test-cases-with-example" title="Kas ir negatīvā testēšana? Pārbaudes gadījumi ar piemēru" rel="bookmark"><img src="https://cdn.css-code.org/6700405/what_is_negative_testing_test_cases_with_example.png.webp" loading="lazy" alt="Kas ir negatīvā testēšana? Pārbaudes gadījumi ar piemēru" title="Kas ir negatīvā testēšana? Pārbaudes gadījumi ar piemēru" 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="/8222504-what-is-negative-testing-test-cases-with-example" title="Kas ir negatīvā testēšana? Pārbaudes gadījumi ar piemēru" rel="bookmark">Kas ir negatīvā testēšana? Pārbaudes gadījumi ar piemēru 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Best atsauksmes par mēnesi</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="/8004129-the-category-with-excludes" title="Kategorija ar Izslēdz - CSS-triki" rel="bookmark">Kategorija ar Izslēdz - 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="/8004130-turn-on-wordpress-error-reporting" title="Ieslēdziet WordPress kļūdu ziņošanu CSS-triki" rel="bookmark">Ieslēdziet WordPress kļūdu ziņošanu 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="/8004131-using-custom-fields" title="Pielāgoto lauku izmantošana CSS-triki" rel="bookmark">Pielāgoto lauku izmantošana 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="/8004132-year-shortcode" title="Gada īss kods - CSS-triki" rel="bookmark">Gada īss kods - 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="/8004134-shortcode-in-a-template" title="Īss kods veidnē CSS-triki" rel="bookmark">Īss kods veidnē 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="/8004136-101-lets-suck-at-github-together" title="# 101: Iesūksimies kopā GitHub - CSS-triki" rel="bookmark"># 101: Iesūksimies kopā GitHub - 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="/8004137-100-lets-write-semantic-markup" title="# 100: Uzrakstīsim semantisko marķējumu - CSS-triki" rel="bookmark"># 100: Uzrakstīsim semantisko marķējumu - 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="/8004138-102-braindump-on-responsive-web-design" title="# 102: Braindump par atsaucīgu tīmekļa dizainu - CSS-triki" rel="bookmark"># 102: Braindump par atsaucīgu tīmekļa dizainu - 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="/8004139-104-quick-tip-use-dropbox-to-make-a-public-url-for-anything" title="# 104: ātrais padoms: Izmantojiet Dropbox, lai izveidotu publisku URL visam CSS-triki" rel="bookmark"># 104: ātrais padoms: Izmantojiet Dropbox, lai izveidotu publisku URL visam 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="/8004140-105-using-spritecow" title="# 105: SpriteCow izmantošana - CSS-triki" rel="bookmark"># 105: SpriteCow izmantošana - 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="/8004141-106-use-browserstack-for-live-web-based-cross-browser-testing" title="# 106: Izmantojiet pārlūku BrowserStack tiešsaistes pārlūkprogrammu testēšanai tiešsaistē - CSS-triki" rel="bookmark"># 106: Izmantojiet pārlūku BrowserStack tiešsaistes pārlūkprogrammu testēšanai tiešsaistē - 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="/8004142-103-integrating-fitvids-js-into-wordpress" title="# 103: FitVids.js integrēšana WordPress - CSS-triki" rel="bookmark"># 103: FitVids.js integrēšana WordPress - 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="/8004143-107-livereload-a-menu-bar-app-for-preprocessors-and-speedy-development" title="# 107: LiveReload, izvēlņu joslas lietotne priekšapstrādātājiem un ātrai izstrādei - CSS-triki" rel="bookmark"># 107: LiveReload, izvēlņu joslas lietotne priekšapstrādātājiem un ātrai izstrādei - 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="/8004144-108-using-chartwell" title="# 108: Izmantojot Chartwell - CSS-triki" rel="bookmark"># 108: Izmantojot Chartwell - 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="/8004145-10-fixed-width-fluid-width-and-elastic-width" title="# 10: fiksēts platums, šķidruma platums un elastīgais platums - CSS-triki" rel="bookmark"># 10: fiksēts platums, šķidruma platums un elastīgais platums - 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 Raksti</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="/8222681-what-is-thread-testing-in-software-testing" title="Kas ir pavedienu pārbaude programmatūras testēšanā?" rel="bookmark"><img src="https://cdn.css-code.org/7350519/what_is_thread_testing_in_software_testing_.png.webp" loading="lazy" alt="Kas ir pavedienu pārbaude programmatūras testēšanā?" title="Kas ir pavedienu pārbaude programmatūras testēšanā?" 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="/8222681-what-is-thread-testing-in-software-testing" title="Kas ir pavedienu pārbaude programmatūras testēšanā?" rel="bookmark">Kas ir pavedienu pārbaude programmatūras testēšanā? 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="/8222682-what-is-destructive-testing-techniques-methods-example" title="Kas ir destruktīvā testēšana? Metodes, metodes, piemērs" rel="bookmark"><img src="https://cdn.css-code.org/2272285/what_is_destructive_testing_techniques-_methods-_example.png.webp" loading="lazy" alt="Kas ir destruktīvā testēšana? Metodes, metodes, piemērs" title="Kas ir destruktīvā testēšana? Metodes, metodes, piemērs" 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="/8222682-what-is-destructive-testing-techniques-methods-example" title="Kas ir destruktīvā testēšana? Metodes, metodes, piemērs" rel="bookmark">Kas ir destruktīvā testēšana? Metodes, metodes, piemērs 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="/8222683-levels-of-testing-in-software-testing" title="Testēšanas līmeņi programmatūras testēšanā" rel="bookmark"><img src="https://cdn.css-code.org/4388937/levels_of_testing_in_software_testing.png.webp" loading="lazy" alt="Testēšanas līmeņi programmatūras testēšanā" title="Testēšanas līmeņi programmatūras testēšanā" 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="/8222683-levels-of-testing-in-software-testing" title="Testēšanas līmeņi programmatūras testēšanā" rel="bookmark">Testēšanas līmeņi programmatūras testēšanā 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">Populārākas Posts</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004116-replace-excerpt-ellipsis-with-permalink" title="Aizstājiet izvilkuma Elipsis tekstu ar Permalink - CSS-triki" rel="bookmark">Aizstājiet izvilkuma Elipsis tekstu ar Permalink - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004117-remove-wp-generator-meta-tag" title="Noņemt WP ģeneratora metatagu - CSS-triki" rel="bookmark">Noņemt WP ģeneratora metatagu - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004118-remove-the-28px-push-down-from-the-admin-bar" title="Noņemiet 28 pikseļu spiedienu uz leju no administratora joslas - CSS-triki" rel="bookmark">Noņemiet 28 pikseļu spiedienu uz leju no administratora joslas - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004119-remove-width-and-height-attributes-from-inserted-images" title="Noņemt platuma un augstuma atribūtus no ievietotajiem attēliem CSS-triki" rel="bookmark">Noņemt platuma un augstuma atribūtus no ievietotajiem attēliem CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004120-removing-jetpack-css" title="Jetpack CSS noņemšana CSS-triki" rel="bookmark">Jetpack CSS noņemšana CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Redaktora Izvēle</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004000-truncate-long-string-exactly-in-middle" title="Saīsināt garo stīgu tieši vidū CSS-triki" rel="bookmark">Saīsināt garo stīgu tieši vidū CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004001-truncate-string-by-words" title="Saīsināt stīgu pēc vārdiem CSS-triki" rel="bookmark">Saīsināt stīgu pēc vārdiem CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004002-time-ago-function" title="Pirms laika funkcija CSS-triki" rel="bookmark">Pirms laika funkcija CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004003-options-to-truncate-strings" title="Iespējas saīsināt virknes - CSS-triki" rel="bookmark">Iespējas saīsināt virknes - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004004-update-values-of-entire-table" title="Atjaunināt visas tabulas vērtības - CSS-triki" rel="bookmark">Atjaunināt visas tabulas vērtības - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Raksti</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223643-all-about-abap-report-programming" title="Viss par ABAP pārskatu programmēšanu" rel="bookmark">Viss par ABAP pārskatu programmēšanu</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223644-alv-reports-in-sap-tutorial-abap-list-viewer" title="ALV pārskati SAP apmācībā - ABAP sarakstu skatītājs" rel="bookmark">ALV pārskati SAP apmācībā - ABAP sarakstu skatītājs</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223645-sap-scripts-tutorial-se71-se78-scc1-vf03-so10" title="SAP skriptu apmācība: SE71, SE78, SCC1, VF03, SO10" rel="bookmark">SAP skriptu apmācība: SE71, SE78, SCC1, VF03, SO10</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223647-what-is-badi-sap-abap-tutorial" title="Kas ir BADI? SAP ABAP apmācība" rel="bookmark">Kas ir BADI? SAP ABAP apmācība</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223648-abap-query-tutorial-in-sap-sq01-sq02-sq03" title="ABAP vaicājumu apmācība SAP: SQ01, SQ02, SQ03" rel="bookmark">ABAP vaicājumu apmācība SAP: SQ01, SQ02, SQ03</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright lv.css-code.org, 2025 Aprīlis | <a href="https://lv.css-code.org/about-site" title="Par vietni">Par vietni</a> | <a href="https://lv.css-code.org/contacts" title="Kontakti">Kontakti</a> | <a href="https://lv.css-code.org/privacy-policy" title="Privātuma politika">Privātuma 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>