Как использовать Selenium IDE со скриптами & Команды (Утвердить, Проверить)

Содержание:

Anonim

Мы будем использовать веб-сайт Mercury Tours в качестве тестируемого веб-приложения. Это онлайн-система бронирования авиабилетов, которая содержит все элементы, необходимые для этого руководства. Его URL-адрес - http://demo.guru99.com/test/newtours/, и это будет наш базовый URL-адрес.

Создать сценарий путем записи

Давайте теперь создадим наш первый тестовый скрипт в Selenium IDE наиболее распространенным методом - записью. После этого мы выполним наш скрипт, используя функцию воспроизведения.

Шаг 1

  • Запустите Firefox и Selenium IDE.
  • Введите значение для нашего базового URL: http://demo.guru99.com/test/newtours/.
  • Включите кнопку записи (если она еще не включена по умолчанию).
Шаг 2

В Firefox перейдите по адресу http://demo.guru99.com/test/newtours/. Firefox должен перенаправить вас на страницу, подобную показанной ниже.

Шаг 3
  • Щелкните правой кнопкой мыши любое пустое место на странице, например, логотип Mercury Tours в верхнем левом углу. Это вызовет контекстное меню Selenium IDE. Примечание. Не нажимайте на объекты или изображения с гиперссылками.
  • Выберите параметр «Показать доступные команды».
  • Затем выберите «assertTitle exact: Welcome: Mercury Tours». Это команда, которая проверяет правильность заголовка страницы.
Шаг 4
  • В текстовом поле «Имя пользователя» Mercury Tours введите недопустимое имя пользователя «invalidUNN».
  • В текстовом поле «Пароль» введите неверный пароль «invalidPWD».
Шаг 5
  • Щелкните по кнопке «Войти». Firefox должен перенаправить вас на эту страницу.
ШАГ 6

Отключите кнопку записи, чтобы остановить запись. Теперь ваш сценарий должен выглядеть так, как показано ниже.

Шаг 7.

Теперь, когда мы закончили с нашим тестовым скриптом, мы сохраним его в тестовом примере. В меню "Файл" выберите "Сохранить тестовый набор". Кроме того, вы можете просто нажать Ctrl + S.

Шаг 8
  • Выберите желаемое местоположение и назовите тестовый набор «Invalid_login».
  • Нажмите кнопку «Сохранить».
Шаг 9.

Обратите внимание, что файл был сохранен как HTML.

Шаг 10.

Вернитесь в Selenium IDE и нажмите кнопку «Воспроизведение», чтобы выполнить весь скрипт. Selenium IDE должна уметь безупречно все реплицировать.

Введение в команды Selenium - Selenese

  • Команды Selenese могут иметь до двух параметров: цель и значение.
  • Параметры не требуются постоянно. Это зависит от того, сколько понадобится команде.

3 типа команд

Действия

Это команды, которые напрямую взаимодействуют с элементами страницы.

Пример: команда «щелкнуть» - это действие, потому что вы напрямую взаимодействуете с элементом, на который щелкаете.

Команда «type» также является действием, потому что вы помещаете значения в текстовое поле, а текстовое поле показывает их вам взамен. Между вами и текстовым полем существует двустороннее взаимодействие.

Аксессоры

Это команды, позволяющие сохранять значения в переменной.

Пример: команда storeTitle является средством доступа, потому что она только «считывает» заголовок страницы и сохраняет его в переменной. Он не взаимодействует ни с одним элементом на странице.

Утверждения

Это команды, которые проверяют выполнение определенного условия.

3 типа утверждений

  • Утвердить . Когда команда «assert» терпит неудачу, тест немедленно останавливается.
  • Проверить . Когда команда «verify» терпит неудачу, Selenium IDE регистрирует эту ошибку и продолжает выполнение теста.
  • WaitFor . Прежде чем перейти к следующей команде, команды "waitFor" сначала дождутся выполнения определенного условия.
    • Если условие выполняется в течение периода ожидания, шаг проходит.
    • Если условие не выполняется, шаг не выполняется. Ошибка регистрируется, и выполнение теста переходит к следующей команде.
    • По умолчанию значение тайм-аута составляет 30 секунд. Вы можете изменить это в диалоговом окне «Параметры Selenium IDE» на вкладке «Общие».

Утвердить против проверки

Общие команды

Командование Количество параметров Описание
открыто 0–2

Открывает страницу по URL-адресу.

щелкнуть / щелкнутьAndWait 1

Щелкает по указанному элементу.

type / typeKeys 2

Набирает последовательность символов.

verifyTitle / assertTitle 1

Сравнивает фактический заголовок страницы с ожидаемым значением.

verifyTextPresent 1

Проверяет, есть ли на странице определенный текст.

verifyElementPresent 1

Проверяет наличие определенного элемента.

verifyTable 2

Сравнивает содержимое таблицы с ожидаемыми значениями.

waitForPageToLoad 1

Приостанавливает выполнение до полной загрузки страницы.

waitForElementPresent 1

Приостанавливает выполнение до тех пор, пока указанный элемент не появится.

Создайте скрипт вручную с помощью Firebug

Теперь мы воссоздадим тот же тестовый пример вручную, введя команды. На этот раз нам нужно будет использовать Firebug.

Шаг 1
  • Откройте Firefox и Selenium IDE.
  • Введите базовый URL (http://demo.guru99.com/test/newtours/).
  • Кнопка записи должна быть ВЫКЛЮЧЕНА.
Шаг 2: Щелкните самую верхнюю пустую строку в редакторе.

Введите «open» в текстовое поле «Команда» и нажмите Enter.

Шаг 3
  • Перейдите в Firefox по нашему базовому URL-адресу и активируйте Firebug.
  • На панели Selenium IDE Editor выберите вторую строку (строка под командой «open») и создайте вторую команду, набрав «assertTitle» в поле «Команда».
  • Не стесняйтесь использовать функцию автозаполнения.
Шаг 4
  • В Firebug разверните тег , чтобы отобразить тег .</li> <li>Щелкните значение тега <title> («Добро пожаловать: Mercury Tours») и вставьте его в поле «Цель» в редакторе.</li> </ul> </td> </tr> <tr> <td><strong>Шаг 5</strong> <ul> <li>Чтобы создать третью команду, щелкните третью пустую строку в редакторе и введите «тип» в текстовом поле «Команда».</li> <li>В Firebug нажмите кнопку «Проверить».</li> </ul> </td> </tr> <tr> <td>Щелкните текстовое поле «Имя пользователя». Обратите внимание, что Firebug автоматически показывает вам HTML-код для этого элемента.</td> </tr> <tr> <td><strong>ШАГ 6</strong> <p>Обратите внимание, что в текстовом поле «Имя пользователя» нет идентификатора, но есть атрибут NAME. Поэтому мы будем использовать его ИМЯ в качестве локатора. Скопируйте значение NAME и вставьте его в поле Target в Selenium IDE.</p> <p>Все еще в текстовом поле Target префикс «userName» с «name =», указывающий, что Selenium IDE должна нацеливаться на элемент, атрибут NAME которого равен «userName».</p> <p>Введите «invalidUN» в текстовое поле «Значение» в Selenium IDE. Ваш тестовый сценарий теперь должен выглядеть, как на изображении ниже. Мы закончили с третьей командой. Примечание. Вместо invalidUN вы можете ввести любую другую текстовую строку. Но Selenium IDE чувствителен к регистру, и вы вводите значения / атрибуты точно так же, как в приложении.</p> </td> </tr> <tr> <td><strong>Шаг 7.</strong> <ul> <li>Чтобы создать четвертую команду, введите «тип» в текстовом поле «Команда».</li> <li>Опять же, используйте кнопку Firebug «Inspect», чтобы получить указатель для текстового поля «Пароль».</li> </ul> <ul> <li> <p>Вставьте атрибут NAME («пароль») в поле «Цель» и добавьте к нему префикс «name =».</p> </li> <li> <p>Введите «invalidPW» в поле «Значение» в Selenium IDE. Ваш тестовый сценарий теперь должен выглядеть как на изображении ниже.</p> </li> </ul> </td> </tr> <tr> <td><strong>Шаг 8</strong> <ul> <li>Для пятой команды введите «clickAndWait» в текстовом поле «Команда» в Selenium IDE.</li> <li>Используйте кнопку Firebug «Проверить», чтобы получить указатель кнопки «Войти».</li> </ul> <ul> <li>Вставьте значение атрибута NAME («логин») в текстовое поле «Цель» и добавьте к нему префикс «name =».</li> <li>Ваш тестовый сценарий теперь должен выглядеть как на изображении ниже.</li> </ul> </td> </tr> </tbody> </table> <p><strong>Шаг 9:</strong> Сохраните тестовый пример так же, как мы делали в предыдущем разделе.</p> <a id="menu-6"></a> <h2>Использование кнопки поиска</h2> <p><strong>Кнопка «Найти» в Selenium IDE используется для проверки того, действительно ли то, что мы поместили в текстовое поле «Цель», является правильным элементом пользовательского интерфейса.</strong></p> <p>Давайте воспользуемся тестовым примером Invalid_login, который мы создали в предыдущих разделах. Щелкните любую команду с записью Target, например третью команду.</p> <p>Щелкните по кнопке "Найти". Обратите внимание, что текстовое поле «Имя пользователя» на странице Mercury Tours выделяется на секунду.</p> <p>Это указывает на то, что Selenium IDE смогла правильно обнаружить ожидаемый элемент и получить к нему доступ. Если кнопка «Найти» выделила другой элемент или вообще не выделила его, значит, с вашим скриптом что-то не так.</p> <a id="menu-7"></a> <h2>Выполнить команду</h2> <p><strong>Это позволяет выполнять любую отдельную команду без запуска всего тестового примера</strong> . Просто щелкните строку, которую хотите выполнить, а затем либо щелкните «Действия> Выполнить эту команду» в строке меню, либо просто нажмите «X» на клавиатуре.</p> <p><strong>Шаг 1.</strong> Убедитесь, что ваш браузер находится на главной странице Mercury Tours. Щелкните команду, которую хотите выполнить. В этом примере щелкните строку «type | userName | invalidUN».</p> <p><strong>Шаг 2.</strong> Нажмите «X» на клавиатуре.</p> <p><strong>Шаг 3.</strong> Обратите внимание, что текстовое поле для имени пользователя заполняется текстом «invalidUN».</p> <p><strong>Выполнение команд таким способом сильно зависит от страницы, отображаемой Firefox в данный момент</strong> . Это означает, что если вы попробуете приведенный выше пример с отображаемой домашней страницей Google вместо Mercury Tours, тогда ваш шаг не удастся, потому что на главной странице Google нет текстового поля с атрибутом userName.</p> <a id="menu-8"></a> <h2>Точка отсчета</h2> <p><strong>Начальная точка - это индикатор, который сообщает Selenium IDE, какие строки будут запускаться</strong> . <strong>Его горячая клавиша - «S».</strong></p> <p>В приведенном выше примере воспроизведение начнется с третьей строки (введите | пароль | invalidPW). <strong>В одном тестовом сценарии может быть только одна начальная точка.</strong></p> <p>Начальная точка похожа на «Выполнить команду» в том смысле, что они зависят от текущей отображаемой страницы. Начальная точка не сработает, если вы перейдете не на ту страницу.</p> <a id="menu-9"></a> <h2>Контрольные точки</h2> <p>Точки останова - это индикаторы, которые сообщают Selenium IDE, где автоматически приостановить тест. <strong>Сочетание клавиш - «B».</strong></p> <p>Желтое выделение означает, что текущий шаг отложен. Это доказывает, что Selenium IDE приостановила выполнение на этом этапе. <strong>В одном тестовом примере может быть несколько точек останова.</strong></p> <a id="menu-10"></a> <h2>Шаг</h2> <p>Это позволяет вам выполнять последующие команды по одной после приостановки тестового примера. Воспользуемся сценарием из предыдущего раздела «Точки останова».</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Перед нажатием кнопки «Шаг».</strong></p> <p>Тестовый пример останавливается на строке «clickAndWait | login».</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>После нажатия «Шаг».</strong></p> <p>Строка «clickAndWait | login» запускается и переходит к следующей команде (verifyTitle | Sign-on: Mercury Tours).</p> <p>Обратите внимание, что следующая строка приостанавливается, даже если там нет точки останова. Это основная цель функции Step - она ​​выполняет последующие команды по одной, чтобы дать вам больше времени для проверки результата после каждого шага.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Важные моменты, на которые следует обратить внимание при использовании других форматов в режиме просмотра исходного кода</h2> <p><strong>Selenium IDE хорошо работает только с HTML - другие форматы все еще находятся в экспериментальном режиме</strong> . Это <strong>НЕ рекомендуется</strong> создавать и редактировать тесты с использованием других форматов в Source View , потому что есть еще много работы , необходимо , чтобы сделать ее более стабильной. Ниже приведены известные ошибки версии 1.9.1.</p> <ul> <li>Вы не сможете ни воспроизвести, ни вернуться к просмотру таблицы, если не вернетесь к HTML.</li> <li>Единственный способ безопасно добавить команды в исходный код - это записать их.</li> <li>Если вы измените исходный код вручную, он будет утерян при переключении на другой формат.</li> <li>Хотя вы можете сохранить свой тестовый пример в режиме просмотра исходного кода, Selenium IDE не сможет его открыть.</li> </ul> <p><strong>Рекомендуемый способ конвертировать тесты Selenese - использовать параметр «Экспортировать тестовый набор как…» в меню «Файл», а не через представление исходного кода.</strong></p> <a id="menu-12"></a> <h2>Резюме</h2> <ul> <li>Сценарии тестирования могут быть созданы путем записи или ввода команд и параметров вручную.</li> <li>При создании скриптов вручную Firebug используется для получения локатора.</li> <li>Кнопка «Найти» используется для проверки того, что команда может получить доступ к правильному элементу.</li> <li>В табличном представлении тестовый сценарий отображается в табличной форме, а в представлении «Исходный код» - в формате HTML.</li> <li>Изменение представления исходного кода в формат, отличный от HTML, все еще является экспериментальным.</li> <li>Не используйте представление исходного кода при создании тестов в других форматах. Вместо этого используйте функции экспорта.</li> <li>Параметры не требуются постоянно. Это зависит от команды.</li> <li>Есть три типа команд:</li> <ul> <li>Действия - напрямую взаимодействует с элементами страницы.</li> <li>Аксессоры - «считывают» свойство элемента и сохраняют его в переменной.</li> <li>Утверждения - сравнивает фактическое значение с ожидаемым.</li> </ul> <li>Утверждения бывают трех типов:</li> <ul> <li>Утверждение - при неудаче последующие шаги больше не выполняются</li> <li>Проверить - в случае сбоя последующие шаги по-прежнему выполняются.</li> <li>WaitFor - проходит, если указанное условие выполняется в течение периода ожидания; в противном случае он потерпит неудачу</li> </ul> <li>Наиболее распространенные команды:</li> <ul> <li>открыто</li> <li>щелкнуть / щелкнутьAndWait</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">Популярные посты</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="/8225621-20-best-visio-alternatives-in-2021-freepaid" title="20 ЛУЧШИХ альтернатив Visio в 2021 году (бесплатно / платно)" rel="bookmark"><img src="https://cdn.css-code.org/6065146/20_best_visio_alternatives_in_2021_freepaid.png.webp" loading="lazy" alt="20 ЛУЧШИХ альтернатив Visio в 2021 году (бесплатно / платно)" title="20 ЛУЧШИХ альтернатив Visio в 2021 году (бесплатно / платно)" 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="/8225621-20-best-visio-alternatives-in-2021-freepaid" title="20 ЛУЧШИХ альтернатив Visio в 2021 году (бесплатно / платно)" rel="bookmark">20 ЛУЧШИХ альтернатив Visio в 2021 году (бесплатно / платно) 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="/8225622-uml-tutorial-pdf-basics-with-diagram-download-now" title="Учебник по UML в формате PDF: основы работы с диаграммами (загрузить)" rel="bookmark"><img src="https://cdn.css-code.org/9341021/uml_tutorial_pdf_basics_with_diagram_download_now.png.webp" loading="lazy" alt="Учебник по UML в формате PDF: основы работы с диаграммами (загрузить)" title="Учебник по UML в формате PDF: основы работы с диаграммами (загрузить)" 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="/8225622-uml-tutorial-pdf-basics-with-diagram-download-now" title="Учебник по UML в формате PDF: основы работы с диаграммами (загрузить)" rel="bookmark">Учебник по UML в формате PDF: основы работы с диаграммами (загрузить) 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="/8225623-what-is-vb-net-introduction-history-features-advantages-disadvantages" title="Что такое VB.Net? Введение, история, особенности, преимущества, недостатки" rel="bookmark"><img src="https://cdn.css-code.org/9166252/what_is_vbnet_introduction-_history-_features-_advantages-_disadvantages.jpg.webp" loading="lazy" alt="Что такое VB.Net? Введение, история, особенности, преимущества, недостатки" title="Что такое VB.Net? Введение, история, особенности, преимущества, недостатки" 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="/8225623-what-is-vb-net-introduction-history-features-advantages-disadvantages" title="Что такое VB.Net? Введение, история, особенности, преимущества, недостатки" rel="bookmark">Что такое VB.Net? Введение, история, особенности, преимущества, недостатки 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Лучшие обзоры за месяц</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="/8004229-186-notion-for-web-development-teams" title="# 186: Идея для команд веб-разработчиков - CSS-хитрости" rel="bookmark"># 186: Идея для команд веб-разработчиков - CSS-хитрости</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="/8004230-183-art-directing-images-the-picture-element-and-image-cdns" title="№ 183: Художественное оформление изображений, элементы изображения и CDN с изображениями - CSS-хитрости" rel="bookmark">№ 183: Художественное оформление изображений, элементы изображения и CDN с изображениями - CSS-хитрости</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="/8004231-185-playing-with-css-masks" title="# 185: Игра с масками CSS - CSS-хитрости" rel="bookmark"># 185: Игра с масками CSS - CSS-хитрости</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="/8004232-18-introduction-to-the-band-website-template" title="# 18: Знакомство с шаблоном веб-сайта группы - CSS-хитрости" rel="bookmark"># 18: Знакомство с шаблоном веб-сайта группы - CSS-хитрости</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="/8004233-184-inside-and-aligned-lists" title="# 184: Внутренние и выровненные списки - CSS-хитрости" rel="bookmark"># 184: Внутренние и выровненные списки - CSS-хитрости</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="/8004235-187-notion-for-team-meetings-and-documentation" title="# 187: Идея для встреч и документации команд - CSS-хитрости" rel="bookmark"># 187: Идея для встреч и документации команд - CSS-хитрости</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="/8004236-189-notion-for-personal-and-public-use" title="№ 189: Понятие для личного и общественного пользования - CSS-хитрости" rel="bookmark">№ 189: Понятие для личного и общественного пользования - CSS-хитрости</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="/8004237-188-exploring-the-overlapping-header-pattern" title="# 188: Изучение шаблона перекрывающихся заголовков - CSS-хитрости" rel="bookmark"># 188: Изучение шаблона перекрывающихся заголовков - CSS-хитрости</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="/8004238-169-how-to-think-like-a-front-end-developer" title="# 169: Как думать как Front-End разработчик - CSS-хитрости" rel="bookmark"># 169: Как думать как Front-End разработчик - CSS-хитрости</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="/8004239-192-git-tricks-for-getting-yourself-out-of-trouble" title="# 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости" rel="bookmark"># 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости</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="/8004240-193-scully-the-ssg-for-angular" title="# 193: Скалли: SSG для Angular - CSS-хитрости" rel="bookmark"># 193: Скалли: SSG для Angular - CSS-хитрости</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="/8004241-195-how-to-draw-a-line-with-css" title="# 195: Как нарисовать линию с помощью CSS - CSS-хитрости" rel="bookmark"># 195: Как нарисовать линию с помощью CSS - CSS-хитрости</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="/8004242-178-percy-catches-visual-changes-in-any-workflow" title="# 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости" rel="bookmark"># 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости</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="/8004243-19-designing-a-unique-page-for-twitter-updates" title="№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости" rel="bookmark">№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости</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="/8004244-198-about-the-position-property" title="# 198: О свойстве Position - CSS-хитрости" rel="bookmark"># 198: О свойстве Position - CSS-хитрости</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Лучшие статьи</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="/8222933-how-to-download-and-install-testng-in-eclipse-for-selenium-webdriver" title="Как скачать & Установите TestNG в Eclipse для Selenium WebDriver" rel="bookmark"><img src="https://cdn.css-code.org/6069182/how_to_download_ampamp_install_testng_in_eclipse_for_selenium_webdriver.png.webp" loading="lazy" alt="Как скачать & Установите TestNG в Eclipse для Selenium WebDriver" title="Как скачать & Установите TestNG в Eclipse для Selenium WebDriver" 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="/8222933-how-to-download-and-install-testng-in-eclipse-for-selenium-webdriver" title="Как скачать & Установите TestNG в Eclipse для Selenium WebDriver" rel="bookmark">Как скачать & Установите TestNG в Eclipse для Selenium WebDriver 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="/8222934-handling-dynamic-web-tables-using-selenium-webdriver" title="Обработка динамических веб-таблиц с помощью Selenium WebDriver" rel="bookmark"><img src="https://cdn.css-code.org/7634638/handling_dynamic_web_tables_using_selenium_webdriver.png.webp" loading="lazy" alt="Обработка динамических веб-таблиц с помощью Selenium WebDriver" title="Обработка динамических веб-таблиц с помощью Selenium WebDriver" 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="/8222934-handling-dynamic-web-tables-using-selenium-webdriver" title="Обработка динамических веб-таблиц с помощью Selenium WebDriver" rel="bookmark">Обработка динамических веб-таблиц с помощью Selenium WebDriver 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="/8222936-testng-groups-include-exclude-with-example-selenium-tutorial" title="Группы TestNG: включить, исключить с примером - Учебное пособие по Selenium" rel="bookmark"><img src="https://cdn.css-code.org/8014033/testng_groups_include-_exclude_with_example_-_selenium_tutorial.png.webp" loading="lazy" alt="Группы TestNG: включить, исключить с примером - Учебное пособие по Selenium" title="Группы TestNG: включить, исключить с примером - Учебное пособие по Selenium" 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="/8222936-testng-groups-include-exclude-with-example-selenium-tutorial" title="Группы TestNG: включить, исключить с примером - Учебное пособие по Selenium" rel="bookmark">Группы TestNG: включить, исключить с примером - Учебное пособие по Selenium 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">Популярные посты</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222605-load-testing-vs-stress-testing-vs-performance-testing-difference-discussed" title="Нагрузочное тестирование, стресс-тестирование и тестирование производительности: обсуждаются различия" rel="bookmark">Нагрузочное тестирование, стресс-тестирование и тестирование производительности: обсуждаются различия</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222606-what-is-response-time-testing-how-to-measure-for-api-tools" title="Что такое проверка времени отклика? Как измерить API, инструменты" rel="bookmark">Что такое проверка времени отклика? Как измерить API, инструменты</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222607-what-is-benchmark-testing-test-plan-tools-example" title="Что такое эталонное тестирование? План тестирования, инструменты, пример" rel="bookmark">Что такое эталонное тестирование? План тестирования, инструменты, пример</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222609-what-is-endurance-testing-in-software-testing-with-example" title="Что такое испытание на выносливость при тестировании программного обеспечения? (с примером)" rel="bookmark">Что такое испытание на выносливость при тестировании программного обеспечения? (с примером)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222611-reliability-testing-tutorial-what-is-methods-tools-example" title="Руководство по тестированию надежности: что такое, методы, инструменты, пример" rel="bookmark">Руководство по тестированию надежности: что такое, методы, инструменты, пример</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Выбор редакции</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225067-php-session-and-php-cookies-with-example" title="Сеанс PHP & Файлы cookie PHP с примером" rel="bookmark">Сеанс PHP & Файлы cookie PHP с примером</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225068-php-registration-form-using-get-post-methods-with-example" title="Регистрационная форма PHP с использованием методов GET, POST с примером" rel="bookmark">Регистрационная форма PHP с использованием методов GET, POST с примером</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225069-php-file-function-file-exists-fopen-fwrite-fclose-fgets-copy-unlink" title="Функция PHP File (): File_exists, Fopen, Fwrite, Fclose, Fgets, copy, unlink" rel="bookmark">Функция PHP File (): File_exists, Fopen, Fwrite, Fclose, Fgets, copy, unlink</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225070-php-try-catch-example-exception-and-error-handling-tutorial" title="Пример PHP Try Catch: исключение & Учебник по обработке ошибок" rel="bookmark">Пример PHP Try Catch: исключение & Учебник по обработке ошибок</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225071-php-mysqli-functions-mysqli-query-mysqli-connect-mysqli-fetch-array" title="Функции PHP MySQLi: mysqli_query, mysqli_connect, mysqli_fetch_array" rel="bookmark">Функции PHP MySQLi: mysqli_query, mysqli_connect, mysqli_fetch_array</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Лучшие статьи</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004209-164-basic-woocommerce-walkthrough" title="# 164: Базовое руководство по WooCommerce - CSS-хитрости" rel="bookmark"># 164: Базовое руководство по WooCommerce - CSS-хитрости</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004210-162-what-the-heck-is-serverless" title="# 162: Какого черта бессерверный? - CSS-хитрости" rel="bookmark"># 162: Какого черта бессерверный? - CSS-хитрости</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004211-166-learn-to-integrate-visual-testing-with-percy" title="# 166: Научитесь интегрировать визуальное тестирование с Перси - CSS-хитрости" rel="bookmark"># 166: Научитесь интегрировать визуальное тестирование с Перси - CSS-хитрости</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004212-16-creating-the-photoshop-mockup" title="# 16: Создание мокапа Photoshop - CSS-хитрости" rel="bookmark"># 16: Создание мокапа Photoshop - CSS-хитрости</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004213-165-building-your-backend-with-serverless-functions" title="# 165: Создание серверной части с использованием бессерверных функций - CSS-хитрости" rel="bookmark"># 165: Создание серверной части с использованием бессерверных функций - CSS-хитрости</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright ru.css-code.org, 2025 Июнь | <a href="https://ru.css-code.org/about-site" title="О сайте">О сайте</a> | <a href="https://ru.css-code.org/contacts" title="Контакты">Контакты</a> | <a href="https://ru.css-code.org/privacy-policy" title="Политика конфиденциальности">Политика конфиденциальности</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>