Jak używać Selenium IDE ze skryptami & Polecenia (potwierdź, zweryfikuj)

Spisie treści:

Anonim

Będziemy używać strony internetowej Mercury Tours jako testowanej aplikacji internetowej. Jest to system rezerwacji lotów online, który zawiera wszystkie elementy potrzebne do tego samouczka. Jego adres URL to http://demo.guru99.com/test/newtours/ i będzie to nasz podstawowy adres URL.

Utwórz skrypt przez nagrywanie

Stwórzmy teraz nasz pierwszy skrypt testowy w Selenium IDE przy użyciu najpopularniejszej metody - nagrania. Następnie wykonamy nasz skrypt za pomocą funkcji odtwarzania.

Krok 1

  • Uruchom Firefox i Selenium IDE.
  • Wpisz wartość naszego podstawowego adresu URL: http://demo.guru99.com/test/newtours/.
  • Włącz przycisk nagrywania (jeśli nie jest jeszcze włączony domyślnie).
Krok 2

W przeglądarce Firefox przejdź do http://demo.guru99.com/test/newtours/. Firefox powinien przenieść Cię na stronę podobną do pokazanej poniżej.

Krok 3
  • Kliknij prawym przyciskiem myszy dowolne puste miejsce na stronie, takie jak logo Mercury Tours w lewym górnym rogu. Spowoduje to wyświetlenie menu kontekstowego Selenium IDE. Uwaga: nie klikaj żadnych obiektów ani obrazów, do których prowadzą hiperłącza
  • Wybierz opcję „Pokaż dostępne polecenia”.
  • Następnie wybierz opcję „assertTitle exact: Welcome: Mercury Tours”. To polecenie zapewnia poprawność tytułu strony.
Krok 4
  • W polu tekstowym „Nazwa użytkownika” Mercury Tours wpisz nieprawidłową nazwę użytkownika „invalidUNN”.
  • W polu tekstowym „Hasło” wpisz nieprawidłowe hasło „nieprawidłowyPWD”.
Krok 5
  • Kliknij przycisk „Zaloguj się”. Firefox powinien przenieść Cię na tę stronę.
Krok 6

Wyłącz przycisk nagrywania, aby zatrzymać nagrywanie. Twój skrypt powinien teraz wyglądać jak ten pokazany poniżej.

Krok 7

Teraz, gdy skończyliśmy z naszym skryptem testowym, zapiszemy go w przypadku testowym. W menu Plik wybierz „Zapisz przypadek testowy”. Alternatywnie możesz po prostu nacisnąć Ctrl + S.

Krok 8
  • Wybierz żądaną lokalizację, a następnie nazwij przypadek testowy jako „Invalid_login”.
  • Kliknij przycisk „Zapisz”.
Krok 9.

Zwróć uwagę, że plik został zapisany jako HTML.

Krok 10.

Wróć do Selenium IDE i kliknij przycisk Playback, aby wykonać cały skrypt. Selenium IDE powinno być w stanie bezbłędnie powielać wszystko.

Wprowadzenie do poleceń selenu - Selenese

  • Polecenia seleńskie mogą mieć maksymalnie dwa parametry: cel i wartość.
  • Parametry nie są wymagane przez cały czas. To zależy od tego, ile polecenia będzie potrzebować.

3 rodzaje poleceń

działania

Są to polecenia, które bezpośrednio współdziałają z elementami strony.

Przykład: polecenie „kliknij” jest akcją, ponieważ bezpośrednio wchodzisz w interakcję z elementem, na który klikasz.

Polecenie „typ” jest również działaniem, ponieważ umieszczasz wartości w polu tekstowym, a pole tekstowe wyświetla je w zamian. Między tobą a polem tekstowym zachodzi dwukierunkowa interakcja.

Akcesoria

Są to polecenia, które umożliwiają przechowywanie wartości w zmiennej.

Przykład: polecenie „storeTitle” jest akcesorium, ponieważ tylko „odczytuje” tytuł strony i zapisuje go w zmiennej. Nie wchodzi w interakcje z żadnym elementem na stronie.

Twierdzenia

Są to polecenia, które sprawdzają, czy określony warunek jest spełniony.

3 Rodzaje twierdzeń

  • Assert . Gdy polecenie „assert” nie powiedzie się, test jest natychmiast zatrzymywany.
  • Weryfikuj . Gdy polecenie „weryfikuj” nie powiedzie się, Selenium IDE rejestruje ten błąd i kontynuuje wykonywanie testu.
  • WaitFor . Przed przejściem do następnego polecenia, polecenia „waitFor” będą najpierw czekać, aż określony warunek stanie się prawdziwy.
    • Jeśli warunek zostanie spełniony w okresie oczekiwania, krok przechodzi.
    • Jeśli warunek nie zostanie spełniony, krok zakończy się niepowodzeniem. Błąd jest rejestrowany, a wykonanie testu przechodzi do następnego polecenia.
    • Domyślnie wartość limitu czasu jest ustawiona na 30 sekund. Możesz to zmienić w oknie dialogowym Selenium IDE Options na karcie General.

Assert vs. Verify

Wspólne polecenia

Komenda Liczba parametrów Opis
otwarty 0 - 2

Otwiera stronę za pomocą adresu URL.

click / clickAndWait 1

Klika określony element.

type / typeKeys 2

Wpisuje sekwencję znaków.

verifyTitle / assertTitle 1

Porównuje rzeczywisty tytuł strony z oczekiwaną wartością.

verifyTextPresent 1

Sprawdza, czy na stronie znajduje się określony tekst.

verifyElementPresent 1

Sprawdza obecność określonego elementu.

verifyTable 2

Porównuje zawartość tabeli z oczekiwanymi wartościami.

waitForPageToLoad 1

Wstrzymuje wykonywanie do momentu całkowitego załadowania strony.

waitForElementPresent 1

Wstrzymuje wykonywanie do momentu, gdy określony element stanie się obecny.

Utwórz skrypt ręcznie za pomocą programu Firebug

Teraz musimy ręcznie odtworzyć ten sam przypadek testowy, wpisując polecenia. Tym razem będziemy musieli użyć Firebuga.

Krok 1
  • Otwórz Firefox i Selenium IDE.
  • Wpisz podstawowy adres URL (http://demo.guru99.com/test/newtours/).
  • Przycisk nagrywania powinien być WYŁĄCZONY.
Krok 2: Kliknij najwyższą pustą linię w edytorze.

Wpisz „otwórz” w polu tekstowym Polecenia i naciśnij Enter.

Krok 3
  • Przejdź w Firefoksie do naszego podstawowego adresu URL i aktywuj Firebug
  • W panelu Selenium IDE Editor wybierz drugą linię (wiersz poniżej polecenia „otwórz”) i utwórz drugie polecenie, wpisując „assertTitle” w polu poleceń.
  • Zapraszam do korzystania z funkcji autouzupełniania.
Krok 4
  • W Firebug rozwiń tag , aby wyświetlić tag .</li> <li>Kliknij wartość tagu <title> (czyli „Welcome: Mercury Tours”) i wklej ją w polu Target w Edytorze.</li> </ul> </td> </tr> <tr> <td><strong>Krok 5</strong> <ul> <li>Aby utworzyć trzecie polecenie, kliknij trzecią pustą linię w Edytorze i wpisz „typ” w polu tekstowym Polecenie.</li> <li>W Firebug kliknij przycisk „Sprawdź”.</li> </ul> </td> </tr> <tr> <td>Kliknij pole tekstowe Nazwa użytkownika. Zauważ, że Firebug automatycznie wyświetla kod HTML dla tego elementu.</td> </tr> <tr> <td><strong>Krok 6</strong> <p>Zwróć uwagę, że pole tekstowe Nazwa użytkownika nie ma identyfikatora, ale ma atrybut NAZWA. Będziemy zatem używać jego NAZWY jako lokalizatora. Skopiuj wartość NAME i wklej ją do pola Target w Selenium IDE.</p> <p>Nadal w polu tekstowym Target przedrostek „nazwa_użytkownika” przedrostkiem „nazwa =”, co oznacza, że ​​Selenium IDE powinno być skierowane na element, którego atrybut NAME to „nazwa_użytkownika”.</p> <p>Wpisz „invalidUN” w polu tekstowym Wartość w Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku. Skończyliśmy z trzecim poleceniem. Uwaga: Zamiast invalidUN, możesz wprowadzić dowolny inny ciąg tekstowy. Ale Selenium IDE rozróżnia wielkość liter i wpisujesz wartości / atrybuty dokładnie tak, jak w aplikacji.</p> </td> </tr> <tr> <td><strong>Krok 7</strong> <ul> <li>Aby utworzyć czwarte polecenie, wpisz „typ” w polu tekstowym Polecenie.</li> <li>Ponownie użyj przycisku „Sprawdź” Firebuga, aby uzyskać lokalizator pola tekstowego „Hasło”.</li> </ul> <ul> <li> <p>Wklej atrybut NAZWA („hasło”) do pola docelowego i poprzedz go ciągiem „nazwa =”</p> </li> <li> <p>Wpisz „invalidPW” w polu Wartość w Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku.</p> </li> </ul> </td> </tr> <tr> <td><strong>Krok 8</strong> <ul> <li>W przypadku piątego polecenia wpisz „clickAndWait” w polu tekstowym Polecenie w środowisku Selenium IDE.</li> <li>Użyj przycisku „Sprawdź” Firebuga, aby uzyskać lokalizator przycisku „Zaloguj się”.</li> </ul> <ul> <li>Wklej wartość atrybutu NAZWA („login”) do pola tekstowego Cel i poprzedz go ciągiem „nazwa =”.</li> <li>Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku.</li> </ul> </td> </tr> </tbody> </table> <p><strong>Krok 9:</strong> Zapisz przypadek testowy w taki sam sposób, jak zrobiliśmy w poprzedniej sekcji.</p> <a id="menu-6"></a> <h2>Korzystanie z przycisku Znajdź</h2> <p><strong>Przycisk Znajdź w Selenium IDE służy do sprawdzenia, czy to, co umieściliśmy w polu tekstowym Target, jest rzeczywiście poprawnym elementem interfejsu użytkownika.</strong></p> <p>Skorzystajmy z przypadku testowego Invalid_login, który stworzyliśmy w poprzednich sekcjach. Kliknij dowolną komendę z pozycją Cel, powiedzmy trzecią komendą.</p> <p>Kliknij przycisk Znajdź. Zwróć uwagę, że pole tekstowe Nazwa użytkownika na stronie Mercury Tours zostanie podświetlone na sekundę.</p> <p>Oznacza to, że Selenium IDE było w stanie poprawnie wykryć i uzyskać dostęp do oczekiwanego elementu. Jeśli przycisk Znajdź podświetlił inny element lub nie podświetlił go wcale, oznacza to, że coś jest nie tak z Twoim skryptem.</p> <a id="menu-7"></a> <h2>Wykonaj polecenie</h2> <p><strong>Pozwala to na wykonanie dowolnego polecenia bez uruchamiania całego przypadku testowego</strong> . Po prostu kliknij linię, którą chcesz wykonać, a następnie kliknij „Działania> Wykonaj to polecenie” na pasku menu lub po prostu naciśnij „X” na klawiaturze.</p> <p><strong>Krok 1.</strong> Upewnij się, że Twoja przeglądarka znajduje się na stronie głównej Mercury Tours. Kliknij polecenie, które chcesz wykonać. W tym przykładzie kliknij wiersz „typ | nazwa_użytkownika | nieprawidłowyUN”.</p> <p><strong>Krok 2.</strong> Naciśnij „X” na klawiaturze.</p> <p><strong>Krok 3.</strong> Zwróć uwagę, że pole tekstowe nazwy użytkownika zostanie wypełnione tekstem „invalidUN”</p> <p><strong>Wykonywanie poleceń w ten sposób zależy w dużym stopniu od strony, którą Firefox aktualnie wyświetla</strong> . Oznacza to, że jeśli wypróbujesz powyższy przykład ze stroną główną Google wyświetloną zamiast Mercury Tours ', twój krok nie powiedzie się, ponieważ na stronie głównej Google nie ma pola tekstowego z atrybutem „nazwa_użytkownika”.</p> <a id="menu-8"></a> <h2>Punkt startu</h2> <p><strong>Punkt początkowy to wskaźnik, który informuje Selenium IDE, w których wierszach rozpocznie się wykonanie</strong> . <strong>Jego klawisz skrótu to „S”.</strong></p> <p>W powyższym przykładzie odtwarzanie rozpocznie się w trzeciej linii (wpisz | hasło | nieprawidłowyPW). <strong>W jednym skrypcie testowym możesz mieć tylko jeden punkt początkowy.</strong></p> <p>Punkt początkowy jest podobny do polecenia Wykonaj polecenie, ponieważ jest zależny od aktualnie wyświetlanej strony. Punkt początkowy nie powiedzie się, jeśli jesteś na niewłaściwej stronie.</p> <a id="menu-9"></a> <h2>Punkty przerwania</h2> <p>Punkty przerwania to wskaźniki, które informują Selenium IDE, gdzie automatycznie wstrzymać test. <strong>Klawisz skrótu to „B”.</strong></p> <p>Żółte podświetlenie oznacza, że ​​bieżący krok jest w toku. Dowodzi to, że Selenium IDE wstrzymało wykonywanie na tym kroku. <strong>W jednym przypadku testowym możesz mieć wiele punktów przerwania.</strong></p> <a id="menu-10"></a> <h2>Krok</h2> <p>Pozwala na wykonywanie kolejnych poleceń pojedynczo po wstrzymaniu przypadku testowego. Skorzystajmy ze scenariusza z poprzedniej sekcji „Punkty przerwania”.</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Przed kliknięciem „Krok”.</strong></p> <p>Przypadek testowy zatrzymuje się w wierszu „clickAndWait | login”.</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Po kliknięciu „Krok”.</strong></p> <p>Wiersz „clickAndWait | login” jest uruchamiany i zatrzymuje się na następnym poleceniu (verifyTitle | Sign-on: Mercury Tours).</p> <p>Zauważ, że następna linia jest wstrzymana, mimo że nie ma tam punktu przerwania. Jest to główny cel funkcji Step - wykonuje kolejne polecenia pojedynczo, aby dać Ci więcej czasu na sprawdzenie wyniku po każdym kroku.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Ważne rzeczy, o których należy pamiętać podczas używania innych formatów w widoku źródła</h2> <p><strong>Selenium IDE działa dobrze tylko z HTML - inne formaty są nadal w trybie eksperymentalnym</strong> . To <strong>nie jest wskazane</strong> , aby utworzyć lub edytować testy przy użyciu innych formatów w tekst źródłowy, ponieważ jest jeszcze wiele pracy potrzeba, aby to stabilne. Poniżej znajdują się znane błędy z wersji 1.9.1.</p> <ul> <li>Nie będziesz w stanie odtworzyć ani przełączyć się z powrotem do widoku tabeli, chyba że powrócisz do HTML.</li> <li>Jedynym sposobem na bezpieczne dodawanie poleceń do kodu źródłowego jest ich nagranie.</li> <li>Gdy ręcznie zmodyfikujesz kod źródłowy, wszystko to zostanie utracone po przełączeniu się na inny format.</li> <li>Chociaż możesz zapisać swój przypadek testowy w widoku źródła, Selenium IDE nie będzie w stanie go otworzyć.</li> </ul> <p><strong>Zalecanym sposobem konwersji testów Selenese jest użycie opcji „Eksportuj przypadek testowy jako…” w menu Plik, a nie w widoku źródła.</strong></p> <a id="menu-12"></a> <h2>Podsumowanie</h2> <ul> <li>Skrypty testowe można tworzyć poprzez nagrywanie lub ręczne wpisywanie poleceń i parametrów.</li> <li>Podczas ręcznego tworzenia skryptów do pobrania lokalizatora używany jest Firebug.</li> <li>Przycisk Znajdź służy do sprawdzenia, czy polecenie ma dostęp do właściwego elementu.</li> <li>Widok tabeli wyświetla skrypt testowy w formie tabelarycznej, podczas gdy widok źródła wyświetla go w formacie HTML.</li> <li>Zmiana widoku źródła na format inny niż HTML jest nadal eksperymentalna.</li> <li>Nie używaj widoku źródła do tworzenia testów w innych formatach. Zamiast tego użyj funkcji eksportu.</li> <li>Parametry nie są wymagane przez cały czas. To zależy od polecenia.</li> <li>Istnieją trzy rodzaje poleceń:</li> <ul> <li>Akcje - bezpośrednio współdziała z elementami strony</li> <li>Accessors - „czyta” właściwość elementu i zapisuje ją w zmiennej</li> <li>Assertions - porównuje rzeczywistą wartość z oczekiwaną</li> </ul> <li>Asercje mają trzy typy:</li> <ul> <li>Assert - w przypadku niepowodzenia kolejne kroki nie są już wykonywane</li> <li>Weryfikuj - w przypadku niepowodzenia kolejne kroki są nadal wykonywane.</li> <li>WaitFor - przechodzi, jeśli określony warunek stanie się prawdziwy w określonym czasie; w przeciwnym razie nie powiedzie się</li> </ul> <li>Najpopularniejsze polecenia to:</li> <ul> <li>otwarty</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifyTitle / assertTitle</li> <li>verifyTextPresent</li> <li>verifyElementPresent</li> <li>verifyTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Popularne Wiadomości</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="/8225605-sql-server-table-create-alter-drop-t-sql-examples" title="Tabela programu SQL Server: CREATE, ALTER, DROP (przykłady w języku T-SQL)" rel="bookmark"><img src="https://cdn.css-code.org/4641026/sql_server_table_create-_alter-_drop_t-sql_examples.png.webp" loading="lazy" alt="Tabela programu SQL Server: CREATE, ALTER, DROP (przykłady w języku T-SQL)" title="Tabela programu SQL Server: CREATE, ALTER, DROP (przykłady w języku T-SQL)" 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="/8225605-sql-server-table-create-alter-drop-t-sql-examples" title="Tabela programu SQL Server: CREATE, ALTER, DROP (przykłady w języku T-SQL)" rel="bookmark">Tabela programu SQL Server: CREATE, ALTER, DROP (przykłady w języku T-SQL) 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="/8225607-create-login-user-assign-permission-sql-server-tutorial" title="Utwórz login, użytkownika, przypisz uprawnienia: samouczek SQL Server" rel="bookmark"><img src="https://cdn.css-code.org/3234103/create_login-_user-_assign_permission_sql_server_tutorial.png.webp" loading="lazy" alt="Utwórz login, użytkownika, przypisz uprawnienia: samouczek SQL Server" title="Utwórz login, użytkownika, przypisz uprawnienia: samouczek SQL Server" 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="/8225607-create-login-user-assign-permission-sql-server-tutorial" title="Utwórz login, użytkownika, przypisz uprawnienia: samouczek SQL Server" rel="bookmark">Utwórz login, użytkownika, przypisz uprawnienia: samouczek SQL Server 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="/8225608-oracle-vs-sql-server-key-differences" title="Oracle Vs. SQL Server: kluczowe różnice" rel="bookmark"><img src="https://cdn.css-code.org/6863841/oracle_vs_sql_server_key_differences.png.webp" loading="lazy" alt="Oracle Vs. SQL Server: kluczowe różnice" title="Oracle Vs. SQL Server: kluczowe różnice" 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="/8225608-oracle-vs-sql-server-key-differences" title="Oracle Vs. SQL Server: kluczowe różnice" rel="bookmark">Oracle Vs. SQL Server: kluczowe różnice 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Najlepsze opinii o miesiąc</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="/8003097-z-index" title="Indeks z - CSS-Tricks" rel="bookmark">Indeks z - CSS-Tricks</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="/8003098-before-after" title=":: przed / :: po - CSS-Tricks" rel="bookmark">:: przed / :: po - CSS-Tricks</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="/8003099-attribute" title="(atrybut) - CSS-Tricks" rel="bookmark">(atrybut) - CSS-Tricks</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="/8003100-blank" title=": puste - CSS-Tricks" rel="bookmark">: puste - CSS-Tricks</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="/8003102-checked" title=": zaznaczone - CSS-Tricks" rel="bookmark">: zaznaczone - CSS-Tricks</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="/8003104-default" title=": domyślny - CSS-Tricks" rel="bookmark">: domyślny - CSS-Tricks</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="/8003105-descendant" title="Potomek - CSS-Tricks" rel="bookmark">Potomek - CSS-Tricks</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="/8003106-disabled" title=": wyłączone - CSS-Tricks" rel="bookmark">: wyłączone - CSS-Tricks</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="/8003107-dir" title=": reż () - CSS-Tricks" rel="bookmark">: reż () - CSS-Tricks</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="/8003108-class" title="Klasa - CSS-Tricks" rel="bookmark">Klasa - CSS-Tricks</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="/8003109-enabled" title=": włączone - CSS-Tricks" rel="bookmark">: włączone - CSS-Tricks</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="/8003110-child" title="Dziecko - CSS-Tricks" rel="bookmark">Dziecko - CSS-Tricks</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="/8003111-empty" title=": pusty - CSS-Tricks" rel="bookmark">: pusty - CSS-Tricks</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="/8003112-first-letter" title=":: pierwsza litera - CSS-Tricks" rel="bookmark">:: pierwsza litera - CSS-Tricks</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="/8003113-first-child" title=": pierwsze dziecko - CSS-Tricks" rel="bookmark">: pierwsze dziecko - CSS-Tricks</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Najpopularniejsze Artykuły</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="/8226406-top-15-big-data-tools-open-source-software-for-data-analytics" title="15 najlepszych narzędzi Big Data - Oprogramowanie typu open source do analizy danych" rel="bookmark"><img src="https://cdn.css-code.org/3620710/top_15_big_data_tools_open_source_software_for_data_analytics.jpg.webp" loading="lazy" alt="15 najlepszych narzędzi Big Data - Oprogramowanie typu open source do analizy danych" title="15 najlepszych narzędzi Big Data - Oprogramowanie typu open source do analizy danych" 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="/8226406-top-15-big-data-tools-open-source-software-for-data-analytics" title="15 najlepszych narzędzi Big Data - Oprogramowanie typu open source do analizy danych" rel="bookmark">15 najlepszych narzędzi Big Data - Oprogramowanie typu open source do analizy danych 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="/8226407-cassandra-collection-set-list-map-with-example" title="Kolekcja Cassandra: zestaw, lista, mapa z przykładem" rel="bookmark"><img src="https://cdn.css-code.org/9220677/cassandra_collection_set-_list-_map_with_example.png.webp" loading="lazy" alt="Kolekcja Cassandra: zestaw, lista, mapa z przykładem" title="Kolekcja Cassandra: zestaw, lista, mapa z przykładem" 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="/8226407-cassandra-collection-set-list-map-with-example" title="Kolekcja Cassandra: zestaw, lista, mapa z przykładem" rel="bookmark">Kolekcja Cassandra: zestaw, lista, mapa z przykładem 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="/8226408-cassandra-query-languagecql-insert-into-update-delete-example" title="Cassandra Query Language (CQL): wstawianie, aktualizowanie, usuwanie (przykład)" rel="bookmark"><img src="https://cdn.css-code.org/2432322/cassandra_query_languagecql_insert_into-_update-_delete_example.png.webp" loading="lazy" alt="Cassandra Query Language (CQL): wstawianie, aktualizowanie, usuwanie (przykład)" title="Cassandra Query Language (CQL): wstawianie, aktualizowanie, usuwanie (przykład)" 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="/8226408-cassandra-query-languagecql-insert-into-update-delete-example" title="Cassandra Query Language (CQL): wstawianie, aktualizowanie, usuwanie (przykład)" rel="bookmark">Cassandra Query Language (CQL): wstawianie, aktualizowanie, usuwanie (przykład) 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">Popularne Wiadomości</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222747-how-to-record-and-playback-uftqtp-script" title="Jak nagrywać i odtwarzać skrypt UFT / QTP" rel="bookmark">Jak nagrywać i odtwarzać skrypt UFT / QTP</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222748-how-object-identification-works-in-qtpuft" title="Jak działa identyfikacja obiektów w QTP / UFT?" rel="bookmark">Jak działa identyfikacja obiektów w QTP / UFT?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222749-how-to-use-qtpuft-ide" title="Jak korzystać z QTP / UFT IDE" rel="bookmark">Jak korzystać z QTP / UFT IDE</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222750-keyword-and-expert-view-in-qtpuft" title="Słowo kluczowe i widok eksperta w QTP / UFT" rel="bookmark">Słowo kluczowe i widok eksperta w QTP / UFT</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222751-understand-systemutil-run-setsecure-set-type-qtpuft-examples" title="Zrozumieć SystemUtil.Run, SetSecure, Set, Type: Przykłady QTP / UFT" rel="bookmark">Zrozumieć SystemUtil.Run, SetSecure, Set, Type: Przykłady QTP / UFT</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Wybór Redakcji</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224618-database-architecture-in-dbms-1-tier-2-tier-and-3-tier" title="Architektura bazy danych w DBMS: 1-warstwowa, 2-warstwowa i 3-warstwowa" rel="bookmark">Architektura bazy danych w DBMS: 1-warstwowa, 2-warstwowa i 3-warstwowa</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224619-dbms-schemas-internal-conceptual-external" title="Schematy DBMS: wewnętrzne, koncepcyjne, zewnętrzne" rel="bookmark">Schematy DBMS: wewnętrzne, koncepcyjne, zewnętrzne</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224620-relational-algebra-in-dbms-operations-with-examples" title="Algebra relacyjna w DBMS: operacje na przykładach" rel="bookmark">Algebra relacyjna w DBMS: operacje na przykładach</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224621-dbms-transaction-management-what-are-acid-properties" title="Zarządzanie transakcjami DBMS: Co to są właściwości ACID?" rel="bookmark">Zarządzanie transakcjami DBMS: Co to są właściwości ACID?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224622-er-diagram-entity-relationship-diagram-model-dbms-example" title="Diagram ER: Model diagramu relacji encji - Przykład DBMS" rel="bookmark">Diagram ER: Model diagramu relacji encji - Przykład DBMS</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Najpopularniejsze Artykuły</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226438-18-best-reporting-tools-in-2021" title="18 NAJLEPSZYCH narzędzi do raportowania w 2021 roku" rel="bookmark">18 NAJLEPSZYCH narzędzi do raportowania w 2021 roku</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226439-25-best-data-warehouse-tools-in-2021-open-source-and-paid" title="25 NAJLEPSZYCH narzędzi hurtowni danych w 2021 roku (otwarte i płatne)" rel="bookmark">25 NAJLEPSZYCH narzędzi hurtowni danych w 2021 roku (otwarte i płatne)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226440-15-best-data-integration-tools-and-software-open-source-paid" title="15 najlepszych narzędzi do integracji danych & Oprogramowanie (open source + płatne)" rel="bookmark">15 najlepszych narzędzi do integracji danych & Oprogramowanie (open source + płatne)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226441-30-best-log-management-tools-in-2021" title="Ponad 30 NAJLEPSZYCH narzędzi do zarządzania dziennikami w 2021 roku" rel="bookmark">Ponad 30 NAJLEPSZYCH narzędzi do zarządzania dziennikami w 2021 roku</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226442-20-best-free-flowchart-software-flowchart-maker-2021" title="20 najlepszych DARMOWYCH schematów blokowych - Kreator schematów blokowych (2021)" rel="bookmark">20 najlepszych DARMOWYCH schematów blokowych - Kreator schematów blokowych (2021)</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright pl.css-code.org, 2025 Kwiecień | <a href="https://pl.css-code.org/about-site" title="O stronie">O stronie</a> | <a href="https://pl.css-code.org/contacts" title="Łączność">Łączność</a> | <a href="https://pl.css-code.org/privacy-policy" title="Polityka prywatności">Polityka prywatności</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>