diff --git a/ng2-components/ng2-alfresco-viewer/src/components/viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/components/viewer.component.html
index e2a5d6e8bb..4c5d611ee9 100644
--- a/ng2-components/ng2-alfresco-viewer/src/components/viewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/components/viewer.component.html
@@ -11,6 +11,7 @@
                 <adf-toolbar-title>
                     <button *ngIf="allowGoBack"
                         class="adf-viewer-close-button"
+                        data-automation-id="toolbar-back"
                         mat-icon-button
                         matTooltip="{{ 'ADF_VIEWER.ACTIONS.BACK' | translate }}"
                         (click)="onBackButtonClick()">
@@ -21,7 +22,10 @@
                 </adf-toolbar-title>
 
                 <ng-container *ngIf="mnuOpenWith">
-                    <button mat-button [matMenuTriggerFor]="mnuOpenWith">
+                    <button
+                        mat-button
+                        [matMenuTriggerFor]="mnuOpenWith"
+                        data-automation-id="toolbar-open-with">
                         <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>
                         <mat-icon>arrow_drop_down</mat-icon>
                     </button>
@@ -60,7 +64,11 @@
                 </button>
 
                 <ng-container *ngIf="mnuMoreActions">
-                    <button mat-icon-button [matMenuTriggerFor]="mnuMoreActions" matTooltip="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}">
+                    <button
+                        mat-icon-button
+                        [matMenuTriggerFor]="mnuMoreActions"
+                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
+                        data-automation-id="toolbar-more-actions">
                         <mat-icon>more_vert</mat-icon>
                     </button>
                     <mat-menu #mnuMoreActions="matMenu" [overlapTrigger]="false">
@@ -71,7 +79,10 @@
                 <ng-container *ngIf="allowSidebar">
                     <adf-toolbar-divider></adf-toolbar-divider>
 
-                    <button mat-icon-button matTooltip="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}"
+                    <button
+                        mat-icon-button
+                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}"
+                        data-automation-id="toolbar-sidebar"
                         [color]="showSidebar ? 'accent' : 'default'"
                         (click)="showSidebar = !showSidebar">
                         <mat-icon>info_outline</mat-icon>