文档 记录浏览器事件

记录浏览器事件

创建 k6 测试脚本时，主要有两种类型的测试

• 协议级测试：通过向不同协议（如 HTTP、WebSockets 等）发出请求来测试您的应用程序和服务。
• 浏览器测试：通过与浏览器级 API 交互来测试您的基于浏览器的应用程序。与页面上的元素进行交互，例如点击按钮、导航链接或验证文本元素。

Grafana k6 Studio 在您开始录制时自动记录协议请求和浏览器事件。在本页面上，您将学习如何检查浏览器事件、创建断言以及导出浏览器脚本。

开始浏览器录制

浏览器事件在录制过程中自动记录。要开始录制

• 打开 Grafana k6 Studio。
• 点击录制流程。
• 输入 URL 并确保选中捕获浏览器事件复选框。
• 点击开始录制

浏览器窗口打开，Grafana k6 Studio 开始录制请求和事件。在浏览器中，您可以在顶部中心看到一组控件。这些控件是

• 检查元素
• 添加断言
• 切换事件列表

查看浏览器事件

有两种方法可以查看浏览器事件

• 录制期间，点击页面顶部的切换事件列表。浏览器右侧会出现一个标签页，其中列出了 Grafana k6 Studio 在会话中记录的所有事件。
• 录制期间或录制后，转到 Grafana k6 Studio 并点击顶部的浏览器事件标签页。如果录制仍在进行中，此列表会自动更新任何浏览器事件。录制完成后，您可以查看该会话记录的所有浏览器事件。

创建文本断言

断言是一种验证页面上显示的内容是否符合您预期的方式。Grafana k6 Studio 支持为页面内容创建文本断言。

创建文本断言的步骤

• 开始录制。
• 点击浏览器顶部控件中的添加文本断言按钮。
• 突出显示页面上的任何文本。
• 在添加文本断言对话框中
  • 元素和包含字段会自动填入您选择的文本。您可以手动编辑或点击对话框外来关闭它。
• 点击添加创建文本断言。

创建断言后，一个事件会被添加到浏览器事件列表中。

导出浏览器事件测试脚本

浏览器事件会生成一个与 Grafana k6 Studio 创建的默认协议级测试不同的独立测试脚本，因为它们测试应用程序的不同方面。

导出浏览器事件测试脚本的步骤

• 打开测试录制。
• 点击顶部的浏览器事件标签页。
• 点击右上角的导出脚本。
• 在导出脚本对话框中
  • 输入脚本名称。
  • 点击导出。

保存脚本后，您可以在脚本部分下查看它。有关如何自定义浏览器测试脚本的更多详细信息，请参阅使用 k6 browser。

禁用浏览器事件

禁用浏览器事件记录的步骤

• 打开 Grafana k6 Studio。
• 点击录制流程。
• 在录制用户流程页面上，取消选中捕获浏览器事件复选框。

禁用浏览器事件后，页面顶部的浏览器事件控制不会显示。

支持的浏览器事件

• 通过地址栏导航。
• 重新加载页面。
• 点击元素。
• 在文本输入框中输入。
• 选择或取消选择复选框。
• 在单选组中选择一个选项。
• 在下拉列表或列表中选择一个或多个项。
• 提交表单。