Midscene.js

Midscene.js使用案例

1.电商网站自动化测试：

1. 场景：在电商网站上进行搜索、筛选和购买流程的自动化测试。
2. 操作：使用 .ai 方法输入搜索关键词，使用 .aiQuery 提取商品信息，并使用 .aiAssert 验证购物车图标的存在。

2.表单自动化填充：

1. 场景：在网页表单中自动填写用户信息并提交。
2. 操作：通过 .ai 方法描述填写步骤，如输入姓名、地址、联系方式等，并自动提交表单。

3.数据提取与分析：

1. 场景：从网页中提取特定数据并进行分析。
2. 操作：使用 .aiQuery 提取数据，如商品价格、用户评论等，并将结果返回为 JSON 格式，方便后续分析。

4.UI 元素验证：

1. 场景：验证网页上的特定 UI 元素是否存在或状态是否正确。
2. 操作：使用 .aiAssert 验证按钮、图标、文本框等元素的存在和状态。

5.跨浏览器测试：

1. 场景：在不同浏览器中进行自动化测试，确保网页在各浏览器中的一致性。
2. 操作：通过Midscene.js的 Chrome 插件和桥接模式，在不同浏览器中执行相同的自动化脚本。

Midscene.js使用方法：

示例代码 (使用 Puppeteer): const puppeteer = require(‘puppeteer’);

(async () => {     const browser = await puppeteer.launch({ headless: false });     const page = await browser.newPage();

// 导航至目标网站

await page.goto(“http://example.com”);

// 执行 Midscene.js 动作

await midscene.execute(page, ‘输入用户名 “testuser”‘);

await midscene.execute(page, ‘点击登录按钮’);

// 数据提取     let userData = await midscene.query(page, ‘提取用户信息为 JSON 格式’);     console.log(userData);

// 关闭浏览器     await browser.close(); })();

Midscene.js使用方法超简单，只要安装Chrome插件就可以用，不需要编程基础，只需描述想要执行的任务，它就可以理解你的意图然后自动执行相应的浏览器操作。

GitHub：https://github.com/web-infra-dev/midscene