Force menu y-positions because viewport might be different on Selenium browsers.

Author: devversion

e2e/components/menu/menu-page.ts

@@ -53,8 +53,8 @@ export class MenuPage {
 
   expectMenuLocation(el: ElementFinder, {x, y}: {x: number, y: number}) {
     el.getLocation().then(loc => {
-      expect(loc.x).toEqual(x);
-      expect(loc.y).toEqual(y);
+      expect(loc.x).toEqual(x, 'Expect the x-position to be equal');
+      expect(loc.y).toEqual(y, 'Expect the y-position to be equal');
     });
   }
 

src/e2e-app/menu/menu-e2e.html

@@ -5,7 +5,7 @@
     <button [md-menu-trigger-for]="menu" id="trigger">TRIGGER</button>
     <button [md-menu-trigger-for]="menu" id="trigger-two">TRIGGER 2</button>
 
-    <md-menu #menu="mdMenu" class="custom">
+    <md-menu #menu="mdMenu" y-position="below" class="custom">
       <button md-menu-item (click)="selected='one'">One</button>
       <button md-menu-item (click)="selected='two'">Two</button>
       <button md-menu-item (click)="selected='three'" disabled>Three</button>
@@ -15,7 +15,7 @@
     <button [md-menu-trigger-for]="beforeMenu" id="before-t">
       BEFORE
     </button>
-    <md-menu x-position="before" class="before" #beforeMenu="mdMenu">
+    <md-menu x-position="before" y-position="below" class="before" #beforeMenu="mdMenu">
       <button md-menu-item>Item</button>
     </md-menu>