[push] guide button and data-test-id

Author: Cihad Tekin

plugins/push/frontend/public/templates/push-notification.html

@@ -1,23 +1,22 @@
 <script type="text/x-template" id="push-notification">
     <div v-bind:class="[componentId]">
-        <cly-header>
-            <template v-slot:header-left>
-                <h2> {{i18n('push-notification.title')}} </h2>
-                <cly-tooltip-icon :tooltip="i18n('push-notification.description')" icon="ion ion-help-circled" class="bu-ml-2"> </cly-tooltip-icon>
-            </template>
+        <cly-header
+            :title="i18n('push-notification.title')"
+            :tooltip="{description: i18n('push-notification.description')}"
+        >
             <template v-slot:header-right v-if="canUserCreate">
                 <div class="bu-level-item">
-                    <el-button @click="onCreatePushNotification" type="success" size="small" icon="el-icon-circle-plus">{{i18n('push-notification.create-button')}}</el-button>
+                    <el-button @click="onCreatePushNotification" type="success" size="small" icon="el-icon-circle-plus" data-test-id="create-new-messsage-button">{{i18n('push-notification.create-button')}}</el-button>
                 </div>
             </template>
             <template v-slot:header-tabs>
-                <cly-dynamic-tabs v-model="selectedPushNotificationTab" skin="secondary" :tabs="pushNotificationTabs">
+                <cly-dynamic-tabs class="push-notification__main-tabs" v-model="selectedPushNotificationTab" skin="secondary" :tabs="pushNotificationTabs">
                     <template v-slot:tables="scope">
                         <span>{{scope.tab.title}}</span>
                     </template>
                 </cly-dynamic-tabs>
             </template>
         </cly-header>
-        <push-notification-drawer @onClose="onDrawerClose" @save="onSave" :controls="drawers.pushNotificationDrawer" :type="selectedPushNotificationTab" :userCommand="userCommand.type" :id="userCommand.pushNotificationId" :isOpened="isDrawerOpen"></push-notification-drawer>
+        <push-notification-drawer ref="pushNotificationDrawer" @onClose="onDrawerClose" @save="onSave" :controls="drawers.pushNotificationDrawer" :type="selectedPushNotificationTab" :userCommand="userCommand.type" :id="userCommand.pushNotificationId" :isOpened="isDrawerOpen"></push-notification-drawer>
     </div>
 </script>