mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
test(menu): add e2e test to open right menu
This commit is contained in:
@ -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();
|
||||||
|
});
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user