Тестирование программного обеспечения | Учебное пособие для драматурга по веб-автоматизации (6)
Тестирование программного обеспечения | Учебное пособие для драматурга по веб-автоматизации (6)

Предисловие

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

В этой статье мы познакомим драматурга с операциями new_context и new window. браузер.новый_контекст() Создать новый контекст браузера. он не будет соответствовать другому контексту браузераобщий куки/кеш.

контекст браузера

Используйте браузер.new_context() для создания объекта контекста. Контексты изолированы друг от друга и могут рассматриваться как облегченные экземпляры браузера.

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

Вот пример браузера, в котором мы открываем две вкладки:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright


with sync_playwright() as p:
    browser = p.chromium.launch(headless=False, slow_mo=1000)
    context = browser.new_context()  # Создать контекст, экземпляр браузера
    page = context.new_page()    # Открыть вкладку 1
    page.goto("https://www.baidu.com/")
    page2 = context.new_page()  # Открыть вкладку 2
    page2.goto("https:ceshiren.com")

    context.close()
    browser.close()

Запустив скрипт, мы видим, что в экземпляре браузера открыты два окна.

Контекст реализует изоляцию среды тестового браузера.

использовать Playwright Тесты пишутся в системе, называемой контекстом. браузера выполняется в изолированной новой среде. Эта модель изоляции повышает повторяемость и предотвращает каскадные сбои при тестировании.

тестовая изоляция

тестовая изоляция означает, что каждый тест полностью изолирован от другого теста. Каждый тест выполняется независимо от любого другого теста. Это означает, что каждый тест имеет собственное локальное хранилище, хранилище сеансов и файлы cookie. ждать. Драматург UseBrowserContext реализует это, что эквивалентно скрытому профилю. Они быстры, дешевы в создании и полностью изолированы даже при работе в одном браузере. Драматург Создайте контекст для каждого теста и предоставьте страницу по умолчанию в этом контексте.

Как Playwright реализует тестирование

Playwright использоватьконтекст браузераосознатьтестовая изоляция. Каждый тест имеет свой контекст. браузера. Создавать каждый раз при запуске теста новый контекст браузера。использовать Playwright При тестовом запуске программы контекст создается по умолчанию. браузера. В противном случае вы можете создать контекст вручную. браузера。

Язык кода:python
кодКоличество запусков:0
копировать
browser = playwright.chromium.launch()
context = browser.new_context()
page = context.new_page()

Контекстный браузер также можно использовать для моделирования с участием мобильных устройств.、Разрешения、Многостраничный сценарий с локалью и цветовой схемой

Playwright В одной сцене можно создать несколько контекстов браузера. Это полезно, если вы хотите протестировать многопользовательские функции, например чат.

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright

def run(playwright):
    # create a chromium browser instance
    chromium = playwright.chromium
    browser = chromium.launch()

    # create two isolated browser contexts
    user_context = browser.new_context()
    admin_context = browser.new_context()

    # create pages and interact with contexts independently

with sync_playwright() as playwright:
    run(playwright)

использовать Пример,на странице_one Откройте Baidu на вкладке и введите «тестирование веб-автоматизации». на второй странице Откройте Baidu во вкладке и введите «драматург». Код следующий:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright


with sync_playwright() as p:
    browser = p.chromium.launch(headless=False, slow_mo=1000)
    context = browser.new_context()  # Создать контекст, экземпляр браузера1

    page1 = context.new_page()    # Открыть вкладку 1
    page2 = context.new_page()  # Открыть вкладку 2
    page1.goto("https://www.baidu.com/")
    page1.fill('#kw', "webАвтоматизированное тестирование")
    page1.wait_for_timeout(3000)

    page2.goto("https://www.baidu.com/")
    page2.fill('#kw', "playwright")
    page2.wait_for_timeout(3000)

Мы обнаружим, что можем видеть только работу второй страницы, но можем быть уверены, что обе страницы работают нормально. Каждый объект страницы — это сфокусированная активная страница, и нет необходимости выводить страницу на передний план.

Обработка страницы новой вкладки

контекст Страницу событий в браузере можно использовать для получения новых страниц, созданных в контексте. Это можно использовать для обработки новых страниц, открываемых по ссылкам target="_blank", Код выглядит следующим образом:

Язык кода:python
кодКоличество запусков:0
копировать
# Get page after a specific action (e.g. clicking a link)
with context.expect_page() as new_page_info:
    page.get_by_text("open new tab").click() # Opens a new tab
new_page = new_page_info.value

new_page.wait_for_load_state()
print(new_page.title())

использовать Пример,Откройте страницу Baidu — ссылка Tieba,Появится новая вкладка

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

Код выглядит следующим образом:

Язык кода:python
кодКоличество запусков:0
копировать
from playwright.sync_api import sync_playwright



with sync_playwright() as p:
    browser = p.chromium.launch(headless=False, slow_mo=1000)
    context = browser.new_context()  # Создать контекст, экземпляр браузера

    page = context.new_page()    # Открыть вкладку
    page.goto("https://www.baidu.com/")
    print(page.title())
    # Get page after a specific action (e.g. clicking a link)
    with context.expect_page() as new_page_info:
        page.click('text=Тиеба')  # Opens a new tab
    new_page = new_page_info.value

    new_page.wait_for_load_state()  # Подождите, пока страница загрузится до указанного состояния.
    print(new_page.title())

--------------------------
Результаты бега следующие:
Просто выполните поиск в Baidu, и вы узнаете
Baidu Tieba — ведущее китайское сообщество в мире

Обработка всплывающих окон

Если на странице открывается всплывающее окно (например, страница, открытая по ссылке), вы можете получить ссылку на нее, прослушав событие target="_blank" на странице.

popup генерирует это событие в дополнение к событию браузераContext.on('page'), но только для всплывающих окон, связанных с этой страницей.

Язык кода:python
кодКоличество запусков:0
копировать
# Get popup after a specific action (e.g., click)
with page.expect_popup() as popup_info:
    page.get_by_text("open the popup").click()
popup = popup_info.value

popup.wait_for_load_state()
print(popup.title())

Если действие, вызвавшее всплывающее окно, неизвестно, вы можете использовать следующий режим.

Язык кода:python
кодКоличество запусков:0
копировать
# Get all popups when they open
def handle_popup(popup):
    popup.wait_for_load_state()
    print(popup.title())

page.on("popup", handle_popup)

Подвести итог

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

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose