angularjs - 如何使用量角器测试手风琴？

Question

有时我的用户报告说我的应用程序中的手风琴不起作用。所以我想测试手风琴是否工作。我在前端使用 Angular js。目前我正在使用量角器 e2e 框架进行测试。

我的手风琴标记看起来像

在点击手风琴师之前

<div id="accordion"></div>

点击后

<div id="accordion-expand">

所以变化是 id

我发现在量角器中识别 css 变化时很困难。还有其他方法可以测试吗？

Answer 1

尝试这个：

// Given
var accordion = element(by.id('accordion'));
expect(accordion.isPresent()).toBeTruthy();

// When
accordion.click();

// Then
expect(accordion.isPresent()).toBeFalsy();
expect(element(by.id('accordion-expand')).isPresent()).toBeTruthy();

希望这可以帮助。