diff --git a/demo-shell-ng2/app/app.component.html b/demo-shell-ng2/app/app.component.html
index 805d309ff4..c783e380e8 100644
--- a/demo-shell-ng2/app/app.component.html
+++ b/demo-shell-ng2/app/app.component.html
@@ -8,12 +8,12 @@
             <div class="mdl-layout-spacer"></div>
             <!-- Navigation. We hide it in small screens. -->
             <nav class="mdl-navigation mdl-layout--large-screen-only">
-                <a class="mdl-navigation__link" href="" [routerLink]="['Files']">Files</a>
-                <a class="mdl-navigation__link" href="" [routerLink]="['Uploader']">Uploader</a>
-                <a class="mdl-navigation__link" href="" [routerLink]="['Login']">Login</a>
+                <a class="mdl-navigation__link" data-automation-id="files" href="" [routerLink]="['Files']">Files</a>
+                <a class="mdl-navigation__link" data-automation-id="uploader" href="" [routerLink]="['Uploader']">Uploader</a>
+                <a class="mdl-navigation__link" data-automation-id="login" href="" [routerLink]="['Login']">Login</a>
             </nav>
             <!-- Right aligned menu below button -->
-            <button id="demo-menu-language-right"
+            <button id="demo-menu-language-right" data-automation-id="language menu"
                     class="mdl-button mdl-js-button mdl-button--icon">
                 <i class="material-icons">Language</i>
             </button>
@@ -24,7 +24,7 @@
                 <li class="mdl-menu__item" (click)="changeLanguage('it')">Ita</li>
             </ul>
             <!-- Right aligned menu below button -->
-            <button id="demo-menu-lower-right"
+            <button id="demo-menu-lower-right" data-automation-id="right action menu"
                     class="mdl-button mdl-js-button mdl-button--icon">
                 <i class="material-icons">more_vert</i>
             </button>