Серия артефактов автоматизации Microsoft [Playwright+Java] (5) Общие операции с событиями щелчка
Серия артефактов автоматизации Microsoft [Playwright+Java] (5) Общие операции с событиями щелчка

напиши впереди

Завтра пятница. Один или два дня на этой неделе у меня было особенно плохое настроение. Мне действительно неинтересно что-либо делать, поэтому я чувствую себя очень подавленным и не хочу ничего делать.

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

Общие операции с событием клика

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

1. Операция ввода

грамматика: Locator.fill(value)

Сценарии использования: Поля ввода, такие как текстовые поля, дата/время, элементы управления календарем и т. д.

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

Язык кода:javascript
копировать
  /**
     * Операция ввода:
     * грамматика:Locator.fill(value)
     * Сценарии использования:Поля ввода, такие как текстовые поля, дата/время, элементы управления календарем и т. д.
     */
    @Test
    public void testInput() {
        page.locator("#user").fill("Официальный аккаунт: Тестер программного обеспечения");
        String value = page.locator("#user").getAttribute("value");
        //Выход ==> Паблик аккаунт: Тестер программного обеспечения
        System.out.println(value);
    }
2. Нажмите кнопку «Операция».

грамматика: Locator.click()

Применимые сценарии: Радиокнопки, флажки, элементы управления кнопками, общие интерактивные элементы управления и многое другое!

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

Язык кода:javascript
копировать
 /**
     * операция щелчка
     * грамматика:Locator.click()
     * Применимые сценарии:Радиокнопки, флажки, элементы управления кнопками, общие интерактивные элементы управления и многое другое!
     */
    @Test
    public void testClick() {
        //Нажимаем на гиперссылку
        page.locator(".baidu").click();
        page.goBack();
        //Нажмите на переключатель (RadioBox)
        page.locator(".Volvo").click();
        //Нажимаем флажок (флажок)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").click();
    }
3. Операции с переключателем и флажком

грамматика: Locator.setChecked(checked)

Применимые сценарии: Радиокнопка, флажок

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

Язык кода:javascript
копировать
  /**
     * Операции с переключателем и флажком
     * грамматика:Locator.setChecked(checked)
     * Применимые сценарии:Радиокнопка, флажок
     */
    @Test
    public void testChecked() {
        //одиночный выбор (Выбрано, недействительно при выборе)
        page.locator(".Volvo").setChecked(true);
        page.locator(".Volvo").check();
        System.out.println(page.locator(".Volvo").isChecked());
        //Флажок (выбран, недействителен при выборе)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").check();
        page.locator("#checkbox [type='checkbox']:nth-child(7)").setChecked(true);
        System.out.println(page.locator("#checkbox [type='checkbox']:nth-child(7)").isChecked());
    }
4. Операция раскрывающегося управления.

грамматика: Locator.selectOption(values[, options])

Применимые сценарии: Операция раскрывающегося списка

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

Язык кода:javascript
копировать
  /**
     * Операция раскрывающегося управления
     * грамматика:Locator.selectOption(values[, options])
     * Применимые сценарии:Операция раскрывающегося списка
     */
    @Test
    public void testSelectOption() {
        //Выбрать по значению
        page.locator("[name='select']").selectOption("opel");
        //Выбрать по видимому тексту
        page.locator("[name='select']").selectOption(new SelectOption().setLabel("Audi"));
        // Множественный выбор недействителен, можно выбрать только первый (saab).
        //page.locator("[name='select']").selectOption(new String[] {"saab", "opel"});
    }
5. События мыши

грамматика: Подробнее см. в деле

Применимые сценарии:Распространенные события щелчка мыши

Случай показан на рисунке:

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

Язык кода:javascript
копировать
/**
     * события мыши
     * грамматика:Подробнее см. в деле
     * Применимые сценарии:
     */
    @Test
    public void testMouse() {
        page.navigate("http://localhost:8080/mouse.html");
        //Обычный клик
        page.locator("#mouse2").click();
        pause(3);
        //двойной щелчок
        page.locator("#mouse3").dblclick();
        pause(3);
        //щелчок правой кнопкой мыши
        page.locator("#mouse5").click(new Locator.ClickOptions().setButton(MouseButton.RIGHT));
        pause(3);
        //Удерживая клавишу Shift, щелкните
        page.locator("#mouse2").click(new Locator.ClickOptions().setModifiers(Arrays.asList(KeyboardModifier.SHIFT)));
        pause(3);
        //Наводим курсор на элемент
        page.locator("#mouse1").hover();
        pause(3);
        //Нажмите в верхнем левом углу
        page.locator("#mouse1").click(new Locator.ClickOptions().setPosition(0, 0));
        pause(3);
        //принудительный щелчок
        page.locator("#mouse2").click(new Locator.ClickOptions().setForce(true));
        pause(3);
        //Планирование событий кликов для запуска кликов
        page.locator("#mouse2").dispatchEvent("click");
    }

Уведомление:Не знаю, в чем причина, При выполнении случая с щелчком мыши, после управления программой сверху вниз, вы обнаружите, что при щелчке всплывающее окно закрывается само по себе, и это потрясающе!

напиши до конца

Если вы посмотрите сравнительное исследование, всплывающее окно после нажатия на операцию Selenium требует оповещения для завершения подтверждения, но Playwright может автоматически щелкнуть по нему. Можно ли сказать, что он умнее Selenium? Заинтересованные друзья могут попробовать сами.

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