软件测试|web自动化测试神器playwright教程(二十四)

简介: 软件测试|web自动化测试神器playwright教程(二十四)

前言

我们在使用selenium进行自动化测试的过程中,遇到输入框时,我们可以使用send_keys()输入内容,也可以使用键盘事件向输入框内输入内容,只是使用键盘事件时需要导入Keys,作为一款强大的工具,selenium有的功能,playwright也有,playwright同样可以使用键盘输入内容,本篇文章就来为大家介绍一下playwright的键盘事件。

键盘操作

playwright的Keyboard 方法是用于键盘操作的函数,提供了一个用于管理虚拟键盘的 API。高级 api 是keyboard.type(),它接受原始字符并在您的页面上生成适当的keydown、keypress/input和keyup事件。
为了更好地控制,您可以使用keyboard.down()、keyboard.up()和keyboard.insert_text()手动触发事件,就好像它们是从真实键盘生成的一样。

  1. 选择和删除文本
from playwright.sync_api import sync_playwright

def key_option():
    with sync_playwright() as playwright:
        browser = playwright.chromium.launch(headless=False)
        context = browser.new_context()
        page = context.new_page()
        page.goto("https://www.baidu.com/")
        page.locator("#kw").click()
        page.keyboard.type("playwright")
        page.keyboard.down("Shift")
        for i in range(6):
            page.keyboard.press("ArrowLeft")
        page.keyboard.up("Shift")
        page.keyboard.press("Backspace")

        page.pause()
        context.close()
        browser.close()

key_option()

运行脚本之后,playwright的文本中后面6个字母被删除,结果如下图所示:

image.png

  1. 输入大写字母
from playwright.sync_api import sync_playwright

def key_option():
    with sync_playwright() as playwright:
        browser = playwright.chromium.launch(headless=False)
        context = browser.new_context()
        page = context.new_page()
        page.goto("https://www.baidu.com/")
        page.locator("#kw").click()
        page.keyboard.press("Shift+KeyA")
        page.pause()

        context.close()
        browser.close()

key_option()

运行脚本,界面如下图所示:

image.png

注:使用Shift+A一样可以按出大写字母A

  1. 全选操作
from playwright.sync_api import sync_playwright

def key_option():
    with sync_playwright() as playwright:
        browser = playwright.chromium.launch(headless=False)
        context = browser.new_context()
        page = context.new_page()
        page.goto("https://www.baidu.com/")
        page.locator("#kw").click()
        page.keyboard.type("playwright")
        page.keyboard.press("Control+A")
        page.pause()

        context.close()
        browser.close()
key_option()

运行脚本之后,界面如下所示:

image.png

注:Mac系统的键盘操作为‘Meta+A’

Down事件

调度keydown事件

key可以指定预期的keyboardEvent.key值或单个字符来为其生成文本。可以在此处key找到这些值的超集。键的例子是:

F1- F12, Digit0- Digit9, KeyA- KeyZ, Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape, ArrowDown, End, Enter, Home, , , Insert,等_PageDownPageUpArrowRightArrowUp

还支持以下修改快捷方式:Shift, Control, Alt, Meta, ShiftLeft.

按住将键入对应于大写字母Shift的文本。key

如果key是单个字符,则区分大小写,因此值a和A将生成各自不同的文本。

如果key是修饰键 、Shift、Meta、Control或Alt,则后续按键将在该修饰键激活的情况下发送。要释放修饰键,请使用keyboard.up()。

按下一次键后,对keyboard.down()的后续调用会将repeat设置为 true。要释放键,请使用keyboard.up()。

语法如下:

keyboard.down(key)

insert_text 插入文本

语法如下:

page.keyboard.insert_text("xxxx")

注:该操作只调度input事件,不发出keydown,keyup或keypress事件。

press 长按

key可以指定预期的keyboardEvent.key值或单个字符来为其生成文本。可以在此处key找到这些值的超集。键的例子是:F1- F12, Digit0- Digit9, KeyA- KeyZ, Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape, ArrowDown, End, Enter,Insert等

示例代码:

from playwright.sync_api import sync_playwright

def key_option():
    with sync_playwright() as playwright:
        browser = playwright.chromium.launch(headless=False)
        context = browser.new_context()
        page = context.new_page()
        page.goto("https://keycode.info")
        page.keyboard.press("a")
        page.screenshot(path="a.png")
        page.keyboard.press("ArrowLeft")
        page.screenshot(path="arrow_left.png")
        page.keyboard.press("Shift+O")
        page.screenshot(path="o.png")
        page.pause()

        context.close()
        browser.close()
key_option()

运行脚本,截取的图片如下:
image.png

Type 操作

为文本中的每个字符发送keydown、keypress/input和事件。

示例如下:

from playwright.sync_api import sync_playwright

def key_option():
    with sync_playwright() as playwright:
        browser = playwright.chromium.launch(headless=False)
        context = browser.new_context()
        page = context.new_page()
        page.goto("https://www.baidu.com/")
        page.locator("#kw").click()
        page.keyboard.type("拜仁")
        page.keyboard.type("慕尼黑", delay=100)
        page.pause()

        context.close()
        browser.close()
key_option()

运行脚本,结果如下图:

image.png

up 方法

调度一个keyup事件,语法示例如下:

keyboard.up(key)

总结

本文主要介绍了playwright对键盘操作的方法,与selenium类似,playwright同样支持对键盘的操作,同时,playwright的键盘操作比之selenium更加方便快捷。

相关文章
|
6月前
|
前端开发 测试技术 API
测试金字塔:别再只盯着UI自动化了
测试金字塔:别再只盯着UI自动化了
606 116
|
6月前
|
敏捷开发 测试技术 API
测试金字塔:构建高效自动化测试策略的基石
测试金字塔:构建高效自动化测试策略的基石
496 116
|
6月前
|
人工智能 自然语言处理 测试技术
从人工到AI驱动:天猫测试全流程自动化变革实践
天猫技术质量团队探索AI在测试全流程的落地应用,覆盖需求解析、用例生成、数据构造、执行验证等核心环节。通过AI+自然语言驱动,实现测试自动化、可溯化与可管理化,在用例生成、数据构造和执行校验中显著提效,推动测试体系从人工迈向AI全流程自动化,提升效率40%以上,用例覆盖超70%,并构建行业级知识资产沉淀平台。
从人工到AI驱动:天猫测试全流程自动化变革实践
|
6月前
|
人工智能 自然语言处理 JavaScript
利用MCP Server革新软件测试:更智能、更高效的自动化
MCP Server革新软件测试:通过标准化协议让AI实时感知页面结构,实现自然语言驱动、自适应维护的自动化测试,大幅提升效率,降低脚本开发与维护成本,推动测试左移与持续测试落地。
|
6月前
|
测试技术 API 数据库
测试金字塔:构建高效自动化测试策略的基石
测试金字塔:构建高效自动化测试策略的基石
519 114
|
7月前
|
Web App开发 前端开发 JavaScript
Playwright极速UI自动化实战指南
Playwright告别Selenium痛点,以智能等待、强大选择器、网络拦截与多设备模拟四大利器,提升自动化效率与稳定性。本文通过实战代码详解其加速秘籍,助你构建高效、可靠的UI测试方案。
|
6月前
|
数据采集 人工智能 自然语言处理
Playwright MCP 浏览器自动化框架全面解析
Playwright MCP是微软推出的开源项目,结合Playwright与MCP协议,让AI通过结构化数据直接操作浏览器。告别传统视觉识别,实现高效、精准的网页自动化,广泛应用于测试、爬虫、办公自动化等场景,大幅提升效率与可靠性。
|
7月前
|
自然语言处理 前端开发 测试技术
使用 Playwright MCP 实现 UI 自动化测试
本文介绍如何结合Playwright与MCP协议实现智能化UI自动化测试。通过自然语言指令控制浏览器,降低技术门槛,提升效率,并涵盖环境搭建、核心功能、实战案例及最佳实践,展现对话式自动化的未来趋势。
|
7月前
|
人工智能 自然语言处理 监控
Playwright MCP浏览器自动化全攻略
Playwright MCP让AI通过自然语言操控浏览器,无需编程即可实现网页自动化。支持智能元素识别、多浏览器操作与动态交互,广泛应用于搜索、数据抓取、自动发布等场景,大幅提升效率,降低技术门槛,是浏览器自动化的新范式。