使用 Synthetics Recorder编辑

与任何脚本录制技术一样,Elastic Synthetics Recorder 应该用作帮助创建脚本主要结构的工具。对于更简单的网站,您可能可以直接使用 Synthetics Recorder 的输出创建合成监控,但对于更复杂和动态的网站,或者为了限制不稳定性,您可能需要在使用它创建监控之前编辑其输出。

您可以使用 Synthetics Recorder 通过与网页交互并导出反映您所执行的所有操作的旅程代码来编写合成测试

Elastic Synthetics Recorder after recording a journey and clicking Export
设置编辑

有关如何下载 Elastic Synthetics Recorder 的信息,请访问下载页面

录制旅程编辑

要录制旅程

  1. 在搜索框中输入起始 URL。此 URL 将是录制器将创建的旅程脚本的起点。
  2. 单击开始或按键盘上的 Enter 键。这将启动一个指向您指定页面的 Chromium 窗口并开始录制。
  3. 开始与浏览器交互。这可能包括单击文本、导航、聚焦输入(如按钮和文本字段)等等。
  4. (可选) 您可以单击暂停以在您继续与浏览器交互时暂时停止录制操作。再次单击以重新开始录制操作。注意:如果您在任何时候暂停录制,则尤其重要的是要测试旅程
  5. 完成与浏览器窗口的交互后,单击停止或关闭浏览器以停止录制。

编辑旅程编辑

开始录制后,您可以使用 Synthetics Recorder UI 在生成旅程代码之前编辑步骤和单个操作。您也可以在停止录制后编辑旅程。

命名步骤编辑

命名步骤可以帮助使生成的旅程代码更容易理解。如果您提供步骤名称,则该名称将用于 UI 和生成的代码中。如果您不命名步骤,UI 将显示“步骤 1”、“步骤 2”等等,生成的代码将使用步骤中的第一个操作作为步骤文本。

要编辑步骤名称

  1. 将鼠标悬停在当前步骤名称上,然后单击出现的铅笔图标。
  2. 在文本框中编辑文本。
  3. 单击键盘上的 Return 或 Enter 键以保存更新的名称。
拆分为多个步骤编辑

步骤表示应按特定顺序完成的一组操作。将旅程分解为步骤可以使生成的代码更容易阅读。它还可以使在 Synthetics 应用程序中解释结果变得更容易,因为每个步骤都将在 Synthetics 应用程序中单独显示,并附带屏幕截图,以便于调试和错误跟踪。

默认情况下,Synthetics Recorder 会将所有操作分组到一个步骤中,但您可以将操作分解为任意数量的步骤。

要添加步骤

  1. 单击两个操作之间的加号图标以创建一个新步骤。
  2. (可选) 考虑命名步骤。

使用垃圾桶图标删除步骤分隔符,将删除的步骤中的操作添加到上一步中。

编辑或删除已录制的操作编辑

您可以通过编辑录制器生成的的操作来微调旅程。您无法更改命令类型(例如,“单击”或“导航”),但可以更改传递给命令的值。

要编辑操作

  1. 将鼠标悬停在操作上,然后单击出现的铅笔图标。
  2. 根据需要编辑值。
  3. 单击保存

要删除操作

  1. 将鼠标悬停在要删除的操作上,然后单击三个点以获取更多选项。
  2. 单击删除操作

如果您更改或删除了任何操作以确保旅程仍然有效,则尤其重要的是要测试旅程

添加断言编辑

断言可以通过对您正在测试的页面的状态进行确定来在有效的合成旅程中发挥重要作用。这可能包括检查元素是否可见或检查文本字段的内容。您无法仅通过与浏览器窗口交互来生成断言。相反,您可以在生成的行动之间添加断言。

要添加断言

  1. 找到要在断言条件之前执行的生成的行动。
  2. 将鼠标悬停在该操作上,然后单击三个点以获取更多选项。
  3. 单击添加断言。这将在 UI 中添加一个新的“断言”操作。
  4. 提供断言类型、选择器和值。
  5. 单击保存

如果您在完成录制后添加了任何断言以确保旅程仍然有效,则尤其重要的是要测试旅程

测试旅程编辑

在录制过程结束期间或之后,您可以随时测试您的脚本。

单击测试按钮时,Elastic Synthetics 将运行旅程。在测试运行时,录制器将按步骤显示结果。如果存在阻止旅程运行的任何错误,录制器将显示相关错误消息以帮助您调试。

如果您暂停了录制、更新了操作或在录制器中手动添加了断言,则尤其重要的是要测试旅程以验证操作是否按顺序执行。

导出编辑

对您创建的旅程感到满意后,您可以将其从录制器中导出。

单击导出以查看最终的旅程代码。从那里,您可以通过以下方式使用代码

  • 将包含所有步骤的代码复制并粘贴到新的或现有的合成项目内联监控中。
  • 单击导出以保存包含所有步骤的 JavaScript 文件。

您也可以选中导出为项目,然后复制并粘贴或导出以获取包含所有依赖项的导入和journey的完整旅程代码。