test: cy markers for webhook

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui-v2/components/api-client/Headers.vue

@@ -87,7 +87,7 @@ const deleteHeaderRow = (idx: number) => vModel.value.splice(idx, 1)
           </td>
           <td class="px-2 w-min-[400px]">
             <a-form-item>
-              <a-select v-model:value="headerRow.name" size="large" placeholder="Key">
+              <a-select v-model:value="headerRow.name" size="large" placeholder="Key" class="nc-input-hook-header-key">
                 <a-select-option v-for="(header, i) in headerList" :key="i" :value="header">
                   {{ header }}
                 </a-select-option>
@@ -96,7 +96,7 @@ const deleteHeaderRow = (idx: number) => vModel.value.splice(idx, 1)
           </td>
           <td class="px-2 w-min-[400px]">
             <a-form-item>
-              <a-input v-model:value="headerRow.value" size="large" placeholder="Value" />
+              <a-input v-model:value="headerRow.value" size="large" placeholder="Value" class="nc-input-hook-header-value" />
             </a-form-item>
           </td>
           <td class="relative">

packages/nc-gui-v2/components/dashboard/TreeView.vue

@@ -238,7 +238,7 @@ function openTableCreateDialog() {
           >
             <MdiPlus />
 
-            <span class="text-gray-500 group-hover:(text-primary/100) flex-1">{{ $t('tooltip.addTable') }}</span>
+            <span class="text-gray-500 group-hover:(text-primary/100) flex-1 nc-add-new-table">{{ $t('tooltip.addTable') }}</span>
 
             <a-dropdown v-if="!isSharedBase" :trigger="['click']" @click.stop>
               <MdiDotsVertical class="transition-opacity opacity-0 group-hover:opacity-100" />

packages/nc-gui-v2/components/webhook/Editor.vue

@@ -413,14 +413,14 @@ onMounted(async () => {
       <a-row type="flex">
         <a-col :span="24">
           <a-form-item v-bind="validateInfos.title">
-            <a-input v-model:value="hook.title" size="large" :placeholder="$t('general.title')" />
+            <a-input v-model:value="hook.title" size="large" :placeholder="$t('general.title')" class="nc-text-field-hook-title" />
           </a-form-item>
         </a-col>
       </a-row>
       <a-row type="flex" :gutter="[16, 16]">
         <a-col :span="12">
           <a-form-item v-bind="validateInfos.eventOperation">
-            <a-select v-model:value="hook.eventOperation" size="large" :placeholder="$t('general.event')">
+            <a-select v-model:value="hook.eventOperation" size="large" :placeholder="$t('general.event')" class="nc-text-field-hook-event">
               <a-select-option v-for="(event, i) in eventList" :key="i" :value="event.value.join(' ')">
                 {{ event.text.join(' ') }}
               </a-select-option>
@@ -432,6 +432,7 @@ onMounted(async () => {
             <a-select
               v-model:value="hook.notification.type"
               size="large"
+              class="nc-select-hook-notification-type"
               :placeholder="$t('general.notification')"
               @change="onNotTypeChange(true)"
             >
@@ -470,7 +471,7 @@ onMounted(async () => {
 
         <a-col :span="18">
           <a-form-item v-bind="validateInfos['notification.payload.path']">
-            <a-input v-model:value="hook.notification.payload.path" size="large" placeholder="http://example.com" />
+            <a-input v-model:value="hook.notification.payload.path" size="large" placeholder="http://example.com" class="nc-text-field-hook-url-path" />
           </a-form-item>
         </a-col>
 
@@ -482,7 +483,7 @@ onMounted(async () => {
             <a-tab-pane key="params" tab="Params" force-render>
               <ApiClientParams v-model="hook.notification.payload.parameters" />
             </a-tab-pane>
-            <a-tab-pane key="headers" tab="Headers">
+            <a-tab-pane key="headers" tab="Headers" class="nc-tab-headers">
               <ApiClientHeaders v-model="hook.notification.payload.headers" />
             </a-tab-pane>
             <a-tab-pane key="auth" tab="Auth">
@@ -566,7 +567,7 @@ onMounted(async () => {
       <a-row class="mb-5" type="flex">
         <a-col :span="24">
           <a-card>
-            <a-checkbox v-model:checked="hook.condition">On Condition</a-checkbox>
+            <a-checkbox v-model:checked="hook.condition" class="nc-check-box-hook-condition">On Condition</a-checkbox>
             <SmartsheetToolbarColumnFilter v-if="hook.condition" ref="filterRef" :auto-save="false" :hook-id="hook.id" />
           </a-card>
         </a-col>

packages/nc-gui-v2/components/webhook/List.vue

@@ -52,7 +52,7 @@ onMounted(() => {
   <div class="">
     <div class="mb-2">
       <div class="float-left font-bold text-xl mt-2 mb-4">{{ meta.title }} : Webhooks</div>
-      <a-button class="float-right" type="primary" size="large" @click="emit('add')">
+      <a-button class="float-right nc-btn-create-webhook" type="primary" size="large" @click="emit('add')">
         {{ $t('activity.addWebhook') }}
       </a-button>
     </div>