概述

Nightwatch 检查器旨在简化测试的编写。使用它的主要优势是

  1. 节省识别选择器的时间
  2. 构建更强大的测试
  3. 减少测试文件和浏览器之间的来回切换,因为您可以在浏览器本身中测试命令

启动 Nightwatch 检查器

按照以下步骤启动 Nightwatch 检查器

步骤 1 - 添加调试行

在您想要启动 Nightwatch 检查器的测试中的行中添加 browser.debug()

步骤 2 - 使用调试标志运行测试

使用 --debug 标志运行特定的 Nightwatch 测试。

npx nightwatch /test/inspector_demo.js --env chrome --debug

步骤 3 - 打开 Nightwatch 选择器

运行测试会打开一个浏览器,并且会在包含 .debug() 的行处暂停。现在打开开发工具,点击 >> 并选择 Nightwatch 检查器。

Nightwatch Inspector

探索模式

要获取选择器建议,您必须启用探索模式。

Explore mode

启用探索模式后,您在浏览器窗口中点击时,会获得选择器建议,如下所示

Selector recommendations

点击任何元素以在选择器历史记录中获取建议。

Selector history

尝试命令

使用选择器历史记录中的选择器,直接从 Nightwatch 检查器本身尝试 Nightwatch 命令。

您可以使用 `选择器历史记录` 中的复制按钮复制选择器,并在使用命令时粘贴。

Selector copy

所有成功的命令将显示在命令历史记录中,如下所示

Command history

您可以直接将这些命令复制粘贴到您的测试文件中,并轻松完成测试编写。享受使用 Nightwatch 检查器编写测试的乐趣!