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

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();

希望这有帮助。