angularjs - 如何使用 selenium 和 codeception 检测验收测试中的 dom 变化

Question

我正在为 Angular 编写的应用程序编写验收测试。我使用带有 selenium 的 Codeception 测试框架。测试将一些文本写入输入字段并提交表单。它应该通过 ajax api 调用向 db 添加新任务，并将新 <li>元素添加到现有任务列表中。我如何检测到添加了新元素？这是我到目前为止所得到的：

<?php
$I = new WebGuy($scenario);
$I->wantTo('add new story');
$I->amOnPage('/');
$I->fillField('input', 'asdf');
$I->pressKey('input[name=input]', '13');
// ensure that new <li> has been added?

Answer 1

您可以使用以下方式编写代码以单击 li

//通过div标签访问

$I->click('div div div div div ul li a');
$I->see('UNIT 1');

//通过类名访问

$I->click('div[class="new"] div div div a');

//通过 div id 访问

$I->click('div[id=tnList] ul li a');