CODEWITHSUNDEEP
angularjsprotractorjasmine-node
prashanth-g
prashanth-g

Reputation: 1233

How to test accordion using Protractor?

Sometimes my user reports that accordion in my application is not working . So i want test whether the accordion is working or not working. I am using Angular js in frontend. Currently i am testing using protractor e2e framework.

My accordion markup looks like

before clicking the accordion division

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

after click

<div id="accordion-expand">

so the change is id

I find difficult while identifying css change in protractor. is there any other way to test this?

Upvotes: 0

Views: 1957

Answers (1)

soomong
soomong

Reputation: 94

Try this:

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

Hope this helps.

Upvotes: 2

Related Questions