1 Общий спрос

1.1 Достичь цели

• На основе архитектуры BS имитировать действия пользователя (мышь, клавиатура) для достижения быстрого и многократного выполнения тестовых случаев;
• Облегчает регрессионное тестирование и быстро охватывает основные варианты использования или функции;
• Онлайн- или офлайн-проверка и тестирование в сочетании с непрерывной интеграцией позволяют своевременно обнаруживать проблемы в операционной среде;
• личное совершенствование Автоматизированное Возможности современной технологии предоставляют мощные средства тестирования для бизнеса.

1.2 Функциональные требования

• На основе Unittest,Инкапсулируйте, вызывайте и систематизируйте все тестовые случаи,руководить Запускайте пакетно или в конкретных случаях использования；
• Служба поддержки электронной почты,Вы можете добавить адрес электронной почты любого члена команды.,Своевременно оповещать членов бригады о результатах операции;
• Поддерживает журналы для сохранения всех данных или данных, которые необходимо записывать во время запущенного процесса;
• Поддерживает отчеты о тестировании в формате HTML для визуального отображения результатов и данных испытаний;
• Поддерживает разделение вариантов использования и результатов тестирования для облегчения управления данными;
• Поддерживает чтение Json, conf, excel и других файлов конфигурации, а также предоставляет гибкие методы работы с файлами конфигурации;
• Поддерживает инкапсуляцию входа пользователя, и все последующие входы в систему используют общий метод;
• Поддерживает любые модификации HTMLTestRuner и настраиваемый шаблон отчета о тестировании;
• Поддержка многоязычных отчетов об испытаниях (английский и китайский);
• Поддержка функции скриншотов;
• Поддержка непрерывной интеграции Jenkins.

1.3 Прочие требования

• Применимо ко всей архитектуре БС. Автоматизированное. тестирование；
• Модульная конструкция, код организации структуры проекта;
• Открытые методы инкапсулируются и вызываются единообразно;
• Данные и результаты разделены и понятны;
• Поддержка настройки электронной почты;
• Код Комментарии понятны.

1.4 Применимые лица

• Тестировщики программного обеспечения с определенной базой тестирования;
• Иметь определенные знания кода (Python/Java);
• Стремление к изучению Интернета UIАвтоматизированное Все люди на обучении.

1.5 Цикл обучения

• Через две недели-один месяц вы сможете вести веб самостоятельно. UIАвтоматизированное тестирование；

1.6 Рекомендации по обучению

• Рекомендуется изучать и практиковать шаг за шагом в соответствии с порядком статей;
• В статье представлен относительно подробный процесс от построения базовой среды до окончательного построения каркаса;
• Статья ориентирована на реальную проектную практику и не содержит большого количества теоретических представлений и объяснений терминологии, поэтому тем, у кого нет базовых знаний, может потребоваться дополнительное время для пополнения своих знаний.

2 Детальный проект

2.1 Анализ требований

Провести подробный анализ требований к реализации, в основном следующим образом:

2.2 Стек технологий

3 Конструкция рамы

Вставьте сюда описание изображения

3.1 Описание структуры

Вставьте сюда описание изображения

3.2 Процесс выполнения фреймворка

Вставьте сюда описание изображения

4 Ожидаемые результаты

4.1 Журнал процесса тестирования

Вставьте сюда описание изображения

4.2 Отчет об испытаниях в формате HTML

Вставьте сюда описание изображения

4.3 Формат электронной почты с отчетом об испытаниях

Вставьте сюда описание изображения

5 специальных инструкций

Код в основном завершен. Если у вас есть хорошие предложения, вы можете поделиться своим опытом обучения.

6. Первая программа автоматического тестирования WebUI

***

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

***

6.1 Основная теория селена

6.1.1 Установка селена

• Откройте окно cmd и введите следующую команду для онлайн-установки: pip3. install selenium
  

  Вставьте сюда описание изображения
• После установки введите следующую команду в окне cmd, вы увидите, что селен установил pip list
  

  Вставьте сюда описание изображения

6.1.2 WebDriverAPI

Selenium предоставляет множество WebDriverAPI, которые можно использовать для:

• Идентификация элемента、позиция
• элемент одинарный щелчок, двойной щелчок
• Перетаскивание полосы прокрутки
• Элементы управления браузером, такие как размер окна, перемотка вперед и назад, обновление, переключение форм, переключение нескольких окон, загрузка двух файлов, работа с файлами cookie, код проверки и т. д.
• Пожалуйста, обратитесь к следующему для получения подробной информации: Selenium WebDriver API Учебные заметки (1): позиционирование элементов Примечания к изучению API Selenium WebDriver (2): Управление браузером Примечания к изучению API Selenium WebDriver (3): Управление браузером

6.2 Установка драйвера браузера

• Использование селена для управления элементом в браузере,Драйвер браузера должен быть установлен;
• Это зависит от конкретной версии браузера;
• В этой статье используется браузер Chrome версии 88.0.4324.182 (официальная версия) (32-разрядная версия);

6.2.1 Загрузка Chromedriver

• Скачать адрес：Драйвера для каждой версии браузера Chrome

Вставьте сюда описание изображения

6.2.2 Установка Chromedriver

• После загрузки имеется файл chromedriver.exe. Если это система w7, необходимо поместить chromedriver.exe в каталог установки браузера Chrome, а затем добавить каталог установки браузера Chrome в системную переменную среды if; это система w10, вам нужен chromedriver. Просто поместите .exe в каталог установки Python, как в этой статье:
  

  Вставьте сюда описание изображения

6.3 Идеи дизайна кода

6.3.1 новый скрипт pycharm

• Откройте ранее созданный проект [Automated-UITest-demo], щелкните проект правой кнопкой мыши и создайте новый файл Python. Здесь создайте новый файл Python с именем test_baidu.
  

  Вставьте сюда описание изображения
  

  Вставьте сюда описание изображения
• После создания существует дополнительный py-файл test_baidu следующим образом:
  

  Вставьте сюда описание изображения

6.3.2 Требования к автоматизации

Здесь мы проводим следующие тесты автоматизации пользовательского интерфейса: 1. Автоматически открывать браузер Chrome. 2. Введите URL-адрес Baidu. 3. Откройте домашнюю страницу Baidu и введите helloworld. 4. Разверните окно браузера. 5. Найдите helloworld и нажмите Enter. 6. Размер окна браузера уменьшен до 640*480. 7. Сначала вернитесь в браузер и снова введите csdn для поиска. 8. Очистите входной контент 9. Определите, заходить ли на официальный сайт csdn

6.3.3 Анализ требований

• Подробную информацию об использовании вышеуказанных методов см. в [1.2 WebDriverAPI].

6.3.4 Расположение элемента

• Вышеуказанное нуждаться уточнено,Затем следующим шагом будет выполнение позиционирования элемента.,Вероятно, вы можете разобрать его здесь.,Какой элемент нужен?

• как насчет этогопозицияэлемент,Знаете, какой метод каления использовать?

О. Мы открываем домашнюю страницу Baidu и нажимаем [F12], чтобы открыть режим отладки браузера.

Вставьте сюда описание изображения

Б. Нажмите маленький треугольник в левом верхнем углу окна режима отладки.

Вставьте сюда описание изображения

C. Наведите указатель мыши на поле ввода поиска Baidu.

Вставьте сюда описание изображения

D. Щелкните один раз, а затем увидите атрибут элемента в поле ввода поиска, который является используемым методом позиционирования элемента.

Вставьте сюда описание изображения

6.4 Реализация кода

6.4.1 Введение пакетов/модулей

• Откройте только что созданный файл test_baidu.py.
• Затем введите следующее:

from selenium import webdriver  # Представляем веб-драйвер модуля селена
from selenium.webdriver.common.keys import Keys  # Ввод с клавиатуры, поэтому ИспользовалKeys  
import time  # элемент Время ожидания, поэтому введен модуль времени

Вставьте сюда описание изображения

6.4.2 Откройте Байду

driver = webdriver.Chrome()  # Откройте браузер Chrome
driver.get("http://www.baidu.com")  # Введите URL-адрес Baidu

print("============Проверьте основные элементы управления браузером==========")

Вставьте сюда описание изображения

6.4.3 Введите helloworld в поле поиска позиционирования и разверните окно.

def search():
    print("1、Найдите helloworld и нажмите Enter.......")
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys("helloworld")  # Введите «приветмир»
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys(Keys.ENTER)  # Нажмите Enter для поиска
    time.sleep(2)
    driver.maximize_window()  # Развернуть текущее окно

Вставьте сюда описание изображения

6.4.4 Окно уменьшено до 640*480.

def windows_size():
    print("2、Размер окна браузера уменьшен до 640*480.......")
    time.sleep(2)
    driver.set_window_size(640, 480)  # Управляйте размером экрана браузера до 640*480.
    time.sleep(0.5)
    driver.maximize_window()  # Развернуть текущее окно
    time.sleep(2)

Вставьте сюда описание изображения

6.4.5 Обновление окна

ef back_refresh():
    print("3. Сначала зайдите в браузер назад, введите csdn еще раз для поиска")
    driver.back()
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(1)
    driver.refresh() # обновить

Вставьте сюда описание изображения

6.4.6 Очистить введенное содержимое

def serach_clear():
    print("4、Очистить входной контент......")
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(2)
    driver.find_element_by_id("kw").clear()
    time.sleep(0.5)

Вставьте сюда описание изображения

6.4.7 Зайдите на официальный сайт csdn и оцените

def csdn():
    print("5. Войдите на официальный сайт csdn")
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys(Keys.ENTER)  # Нажмите Enter для поиска
    time.sleep(2)
    driver.find_element_by_xpath("//*[@id='1']/h3/a[1]").click()
    time.sleep(2)
    windows = driver.window_handles
    driver.switch_to.window(windows[-1])
    now_url = driver.current_url
    m_get_url = "https://www.csdn.net/"
    if now_url == m_get_url:
        print("После прохождения обсуждения вы попали на официальный сайт csdn!")
    else:
        print("Вы не зашли на официальный сайт csdn, проверьте код!")

Вставьте сюда описание изображения

6.4.8 Методы вызова

search()
windows_size()
back_refresh()
serach_clear()
csdn()

driver.quit()  # Закрыть браузер

Вставьте сюда описание изображения

6.5 Полный исходный код

# Автор: Администратор
# Дата: 2021/2/24 15:15
# Имя файла: test_baidu.py
# Function：Открыть Байду Домашняя страница,В строке поиска введите «приветмир»

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time

driver = webdriver.Chrome()  # Откройте браузер Chrome
driver.get("http://www.baidu.com")  # Введите URL-адрес Baidu

print("============Проверьте основные элементы управления браузером==========")

def search():
    print("1、Найдите helloworld и нажмите Enter.......")
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys("helloworld")  # Введите «приветмир»
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys(Keys.ENTER)  # Нажмите Enter для поиска
    time.sleep(2)
    driver.maximize_window()  # Развернуть текущее окно


def windows_size():
    print("2、Размер окна браузера уменьшен до 640*480.......")
    time.sleep(2)
    driver.set_window_size(640, 480)  # Управляйте размером экрана браузера до 640*480.
    time.sleep(0.5)
    driver.maximize_window()  # Развернуть текущее окно
    time.sleep(2)

def back_refresh():
    print("3. Сначала зайдите в браузер назад, введите csdn еще раз для поиска")
    driver.back()
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(1)
    driver.refresh() # обновить

def serach_clear():
    print("4、Очистить входной контент......")
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(2)
    driver.find_element_by_id("kw").clear()
    time.sleep(0.5)

def csdn():
    print("5. Войдите на официальный сайт csdn")
    driver.find_element_by_id("kw").send_keys("csdn")  # Введите csdn
    time.sleep(2)
    driver.find_element_by_id("kw").send_keys(Keys.ENTER)  # Нажмите Enter для поиска
    time.sleep(2)
    driver.find_element_by_xpath("//*[@id='1']/h3/a[1]").click()
    time.sleep(2)
    windows = driver.window_handles
    driver.switch_to.window(windows[-1])
    now_url = driver.current_url
    m_get_url = "https://www.csdn.net/"
    if now_url == m_get_url:
        print("После прохождения обсуждения вы попали на официальный сайт csdn!")
    else:
        print("Вы не зашли на официальный сайт csdn, проверьте код!")

search()
windows_size()
back_refresh()
serach_clear()
csdn()

driver.quit()  # Закрыть браузер