使用 Synthetics 录制器

Elastic Stack Serverless

您可以使用 Synthetics 录制器，通过与网页交互并导出反映您所采取的所有操作的旅程代码，来编写 synthetic 测试。

×

有关如何下载 Elastic Synthetics 录制器的信息，请转到下载页面。

录制一个旅程

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

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

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

要编辑步骤名称

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

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

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

要添加步骤

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

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

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

要编辑操作

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

要删除操作

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

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

要添加断言

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

在录制过程中的任何时候或之后，您都可以测试您的脚本。

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

如果您对创建的旅程感到满意，则可以从录制器中导出它。

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

• 将包含所有步骤的代码复制并粘贴到新的或现有的Synthetics 项目或内联监视器。
• 单击 Export 以保存包含所有步骤的 JavaScript 文件。

您还可以选中 Export as project，然后复制并粘贴或 Export 以获取完整的旅程代码，包括所有依赖项的 journey 和导入。