《最新出炉》系列入门篇-Python+Playwright自动化测试-45-鼠标操作-下篇seo优化

《最新出炉》系列入门篇-Python+Playwright自动化测试-45-鼠标操作-下篇

news/2024/10/2 14:30:20

1.简介

鼠标为我们使用电脑提供了很多方便，我们看到的东西就可以将鼠标移动过去进行点击就可以打开或者访问内容，当页面内容过长时，我们也可以使用鼠标滚轮来实现对整个页面内容的查看，其实playwright也有鼠标操作的方法。上一篇文章中已经讲解过鼠标的部分操作了，今天宏哥在这里将剩下的其他操作进行一个详细地介绍和讲解。

2.鼠标操作语法

鼠标操作介绍官方API的文档地址：https://playwright.dev/docs/api/class-mouse

Mouse鼠标操作是基于page对象去调用。常用的鼠标操作有单击，双击，滚轮，按住，移动，释放。

2.1官方示例

1.使用` page.mouse` 画一个100x100的正方形。语法如下：

# Using ‘page.mouse’ to trace a 100x100 square.
# 鼠标移动到（0,0）坐标
await page.mouse.move(0, 0);
# 按下鼠标
await page.mouse.down();
# 鼠标纵坐标向下移动100像素
await page.mouse.move(0, 100);
# 鼠标横坐标向右移动100像素
await page.mouse.move(100, 100);
# 鼠标纵坐标向上移动100像素
await page.mouse.move(100, 0);
# 鼠标纵坐标向左移动100像素
await page.mouse.move(0, 0);
# 释放鼠标
await page.mouse.up();

2.鼠标运行轨迹，如下图所示：

3.组合拳

mouse.move()、mouse.down()、mouse.up()三个一般都是组合出现在代码里的一套组合拳。

3.1down模拟鼠标按下

down模拟鼠标按下，主要是通过调度一个mousedown事件。

3.1.1参数详解

「参数」

参数	类型	释义
button	list["left", "middle", "right"]	左中右可选
click_count	int	默认值为1，含义参考：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail

3.1.2使用方法

mouse.down()
mouse.down(**kwargs)

3.2.move模拟鼠标移动

move模拟鼠标移动，主要是通过调度一个mousemove事件。语法如下：

def move(self, x: float, y: float, *, steps: typing.Optional[int] = None) -> None:"""Mouse.moveDispatches a `mousemove` event.Parameters----------x : floaty : floatsteps : Union[int, None]Defaults to 1. Sends intermediate `mousemove` events."""

3.2.1参数详解

参数	类型	释义
x	float	x坐标
y	float	y坐标
steps

3.2.2使用方法

mouse.move(x, y)
mouse.move(x, y, **kwargs)

3.3up模拟鼠标释放

up模拟鼠标释放，主要是通过调度一个mouseup事件。

3.2.1参数详解

参数	类型	释义
button	list["left", "middle", "right"]	左中右可选
click_count	int	默认值为1，含义参考：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail

3.2.2使用方法

mouse.up()
mouse.up(**kwargs)

4.wheel模拟鼠标滚动

wheel模拟鼠标滚动，是通过调度一个wheel事件。（滚轮事件如果不处理可能会导致滚动，该方法不会等待滚动结束才返回。）

4.1参数详解

参数	类型	释义
delta_x	float	要水平滚动的像素
delta_y	float	要垂直滚动的像素

4.2使用方法

mouse.wheel(delta_x, delta_y)

5.牛刀小试

5.1测试网址

https://cps-check.com/cn/mouse-buttons-test

未按鼠标时，不会显示其他颜色
长按鼠标左键时，页面会显示红色的左键
按下鼠标左键松开时，页面会显示粉红色的左键

5.1代码设计

5.2参考代码

# coding=utf-8🔥# 1.先设置编码，utf-8可支持中英文，如上，一般放在第一行# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2023-12-12
@author: 北京-宏哥
公众号：北京宏哥
Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-44-鼠标操作-上篇
'''# 3.导入模块
from playwright.sync_api import Playwright, sync_playwright, expectdef run(playwright: Playwright) -> None:browser = playwright.chromium.launch(headless=False)context = browser.new_context()page = context.new_page()page.goto("https://cps-check.com/cn/mouse-buttons-test")page.wait_for_timeout(1000)#将鼠标移到测试框内page.mouse.move(650,300)#按下左键
    page.mouse.down()page.wait_for_timeout(20000)#释放
    page.mouse.up()page.wait_for_timeout(2000)#page.pause()
    context.close()browser.close()with sync_playwright() as playwright:run(playwright)