Puppetry使用

puppertry是一个开源桌面应用程序，它使非开发人员能够创建、管理和集成Web自动化测试。

web应用程序的端到端测试主要是定位目标（页面或DOM元素），对其执行命令（导航到URL、修改DOM等），并断言目标满足所提供的条件。puppertry提供了一个用户友好的界面来定义目标和管理捆绑在测试套件中的测试用例。在测试运行（或导出）期间，木偶套件被转换成由木偶API支持的Jest测试文件。

puppertry处理项目，其中项目基本上是一个包含项目配置、可重用片段和套件文件的文件夹。套件包含测试用例的目标和组，其中测试用例是一系列测试步骤（命令、断言和引用）。此外，项目还包括环境相关的模板变量和git配置。

下载： https://docs.puppetry.app/  

本次使用windos安装版本使用

 1、界面打开后必须先设置；创建测试，点击 file  --> new project 

以上target及对应的selector为浏览器中网页元素对应的名称和选择器，可通过F12打开页面，定位操作位置，右击复制，选择selector即可（或者为xpath）。

2、添加targers ,然后在组记录下，我们得到一个新的表单来输入测试用例名。所以加上一个cases ,接下来让我们将第一个命令添加到测试用例中。因此，我们单击添加命令/断言按钮。

 我们的目标是确保桌面般的屏幕大小。所以我们选择了page target和setViewport方法。我们将屏幕宽度设置为1440，高度设置为900 ；

现在我们必须声明桌面菜单和摘要在这个测试用例中是可见的，但是移动菜单不是。因此，我们单击添加命令/断言按钮，并选择与移动菜单容器对应的目标标识符 

 

我们在选择“目标是”中选择“在页面上可用且可观察”选项。这意味着页面DOM中可用的元素可以直观地定位。我们保存更改。类似地，我们为桌面菜单和摘要创建断言，但选择“可用，但不可见”。最后，我们添加了command page.screenshot，我们的第一个测试用例已经就绪

 以上就是  1440x900显示器登陆页RWD测试用例

现在运行测试并检查是否一切正常。所以我们按F6键（右击左侧 run F6），得到以下模态窗口

然后点击 run 运行  :由于配置的页面信息异常，所以测试异常

 以上方式使用页面元素配置来实现测试。

屏幕录制测试：

1、点击  file --> new suite

 2、点击 test cases 页签，然后选择下方的Record ，然后输入网址，回车，就会打开地址的界面，然后请按照测试环节，一步步点击测试。完毕后，点击右侧 create suite 完成测试步骤录制。

3、点击左侧的run 执行测试过程。稍等片刻，执行完毕，reports就会提示测试完成。

官网文档地址：

https://docs.puppetry.app/template