test(menu): add e2e test to open right menu

This commit is contained in:
Brandy Carney
2016-06-02 13:16:45 -04:00
parent 7f597a0e55
commit 5f35c043f2
4 changed files with 17 additions and 8 deletions

View File

@ -1,9 +1,18 @@
it('should toggle open menu', function() { it('should toggle left menu', function() {
element(by.css('.e2eContentToggleMenu')).click(); element(by.css('.e2eContentToggleLeftMenu')).click();
}); });
it('should close menu', function() { it('should close left menu', function() {
element(by.css('.e2eCloseLeftMenu')).click(); element(by.css('.e2eCloseLeftMenu')).click();
}); });
it('should toggle right menu', function() {
element(by.css('.e2eContentToggleRightMenu')).click();
});
it('should close right menu', function() {
element(by.css('.e2eCloseRightMenu')).click();
});

View File

@ -1,4 +1,4 @@
<ion-menu [content]="content" side="left" persistent="true" (ionDrag)="onDrag($event)" (ionOpen)="onOpen($event)"(ionClose)="onClose($event)"> <ion-menu [content]="content" side="left" persistent="true" (ionDrag)="onDrag($event)" (ionOpen)="onOpen($event)" (ionClose)="onClose($event)">
<ion-toolbar secondary> <ion-toolbar secondary>
<ion-title>Left Menu</ion-title> <ion-title>Left Menu</ion-title>
@ -80,7 +80,7 @@
{{p.title}} {{p.title}}
</button> </button>
<button ion-item menuClose="right" detail-none> <button ion-item menuClose="right" class="e2eCloseRightMenu" detail-none>
Close Menu Close Menu
</button> </button>

View File

@ -33,11 +33,11 @@
<h3>Page 1</h3> <h3>Page 1</h3>
<p> <p>
<button class="e2eContentToggleMenu" menuToggle="left">Toggle Left Menu</button> <button class="e2eContentToggleLeftMenu" menuToggle="left">Toggle Left Menu</button>
</p> </p>
<p> <p>
<button menuToggle="right">Toggle Right Menu</button> <button class="e2eContentToggleRightMenu" menuToggle="right">Toggle Right Menu</button>
</p> </p>
<ion-card> <ion-card>

View File

@ -8,7 +8,7 @@
<ion-list> <ion-list>
<button ion-item menuClose="left" class="e2eCloseLeftMenu" detail-none> <button ion-item menuClose="left" detail-none>
Close Menu Close Menu
</button> </button>