diff --git a/nezha-fronted/src/components/common/elementSet.vue b/nezha-fronted/src/components/common/elementSet.vue
index 84f9b097d..f283ee354 100644
--- a/nezha-fronted/src/components/common/elementSet.vue
+++ b/nezha-fronted/src/components/common/elementSet.vue
@@ -5,10 +5,10 @@
     :style="{opacity:(eventfixedVal.shezhi==1),left:(eventfixedVal.shezhi==1 ? event_positionx : -2000)+'px',top:(event_positiony)+'px'}"
   >
     <div class="pop-top-btns">
-      <button type="button" @click="shezhiControl('ok')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+      <button type="button" @click="shezhiControl('ok')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="element-set-ok">
         <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
       </button>
-      <button type="button" @click="shezhiControl('cancel')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+      <button type="button" @click="shezhiControl('cancel')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="element-set-esc">
         <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
       </button>
     </div>
@@ -24,6 +24,7 @@
           :class="index==0 || index == 1 ? 'elementset-label-disabled' : ''"
           :title="item.visibility == 'disabled' ? other.inDevelopment : ''"
           @click="addcol(item,index)"
+          :id="'element-set-el-'+index"
         >
           <i class="el-icon-check" v-if="index==0||index==1||item.visibility=='disabled'"></i>
           <i v-else class="el-icon-check" v-show="item.show"></i>
diff --git a/nezha-fronted/src/components/common/header.vue b/nezha-fronted/src/components/common/header.vue
index 1041b229e..13b3dd31a 100644
--- a/nezha-fronted/src/components/common/header.vue
+++ b/nezha-fronted/src/components/common/header.vue
@@ -17,7 +17,7 @@
           </template>
           <template v-for="(item, index) in createMenu">
             <el-menu-item :index="'0-' + index">
-              <div @click="createBox(item)">
+              <div @click="createBox(item)" :id="'head-create-'+item.type">
                 <span>{{item.label}}</span>
               </div>
             </el-menu-item>
@@ -25,25 +25,25 @@
         </el-submenu>
         <el-submenu index="1" popper-class="nz-submenu">
           <template slot="title">
-            <div @click="jumpTo('dashboard')">{{$t('overall.dashboard')}}</div>
+            <div @click="jumpTo('dashboard')" id="head-jump-dashboard">{{$t('overall.dashboard')}}</div>
           </template>
           <el-menu-item index="1-0">
-            <div @click="jumpTo('panel')">{{$t('dashboard.panel.title')}}</div>
+            <div @click="jumpTo('panel')" id="head-jump-panel">{{$t('dashboard.panel.title')}}</div>
           </el-menu-item>
           <el-menu-item index="1-1">
-            <div @click="jumpTo('metricPreview')">{{$t('dashboard.metricPreview.title')}}</div>
+            <div @click="jumpTo('metricPreview')" id="head-jump-metricPreview">{{$t('dashboard.metricPreview.title')}}</div>
           </el-menu-item>
         </el-submenu>
 
         <el-submenu index="2" popper-class="nz-submenu">
           <template slot="title">
-            <div @click="jumpToProject(projectData[0])">{{$t('overall.project')}}</div>
+            <div @click="jumpToProject(projectData[0])" id="head-jump-project" >{{$t('overall.project')}}</div>
           </template>
           <template v-for="(item, index) in projectData">
             <el-menu-item :index="'2-' + index">
-              <div @click="jumpToProject(item)">
+              <div @click="jumpToProject(item)" :id="'head-jump-project-'+item.id">
                 <span>{{item.name}}</span>
-                <div @click.stop="toEditProject(item)" class="menu-edit"><i style="color: inherit"
+                <div @click.stop="toEditProject(item)" class="menu-edit" :id="'head-edit-project-'+item.id"><i style="color: inherit"
                                                                             class="el-icon-edit-outline"></i></div>
               </div>
             </el-menu-item>
@@ -51,16 +51,16 @@
         </el-submenu>
         <el-submenu index="3" popper-class="nz-submenu">
           <template slot="title">
-            <div @click="jumpTo('asset')">{{$t('overall.asset')}}</div>
+            <div @click="jumpTo('asset')" id="head-jump-asset">{{$t('overall.asset')}}</div>
           </template>
           <template v-for="(item, index) in assetData">
             <el-menu-item :index="'3-' + index">
-              <div @click="jumpToAsset('asset',item.id)">
+              <div @click="jumpToAsset('asset',item.id)" :id="'head-jump-asset-'+item.id">
                 <span>{{item.name}}</span>
                 <idc-config-box :post-idc="item" ref="idcConfigBox" placement="left" @after="getIDCOptionData" :button-class="'menu-edit'">
                   <template v-slot:optionZone>
                     <div @click="closeAllPop">
-                      <i class="el-icon-edit-outline" @click="getIDCOptionData(item.id)" style="color: inherit"></i>
+                      <i class="el-icon-edit-outline" @click="getIDCOptionData(item.id)" style="color: inherit" :id="'head-edit-asset-'+item.id"></i>
                     </div>
                   </template>
                 </idc-config-box>
@@ -132,24 +132,24 @@
         </el-submenu>
         <el-submenu index="4-0" popper-class="nz-submenu">
           <template slot="title">
-            <div @click="jumpTo('alertList')">{{$t('overall.alert')}}</div>
+            <div @click="jumpTo('alertList')" id="head-jump-alertlist-all">{{$t('overall.alert')}}</div>
           </template>
           <el-menu-item index="4-1">
-            <div @click="jumpTo('alertList')">{{$t('alert.alertList')}}</div>
+            <div @click="jumpTo('alertList')" id="head-jump-alertlist">{{$t('alert.alertList')}}</div>
           </el-menu-item>
           <el-menu-item index="4-2">
-            <div @click="jumpTo('alertConfig')">{{$t('alert.alertConfig')}}</div>
+            <div @click="jumpTo('alertConfig')" id="head-jump-alertconfig">{{$t('alert.alertConfig')}}</div>
           </el-menu-item>
         </el-submenu>
         <el-submenu index="5" popper-class="nz-submenu">
           <template slot="title">
-            <div @click="jumpTo('account')">{{$t('overall.config')}}</div>
+            <div @click="jumpTo('account')" id="head-jump-account">{{$t('overall.config')}}</div>
           </template>
           <el-menu-item index="5-0">
-            <div @click="jumpTo('account')">{{$t('config.account.account')}}</div>
+            <div @click="jumpTo('account')" id="head-jump-sub-account">{{$t('config.account.account')}}</div>
           </el-menu-item>
           <el-menu-item index="5-1">
-            <div @click="jumpTo('promServer')">{{$t('config.promServer.promServerList')}}</div>
+            <div @click="jumpTo('promServer')" id="head-jump-promserver">{{$t('config.promServer.promServerList')}}</div>
           </el-menu-item>
         </el-submenu>
       </el-menu>
@@ -168,16 +168,16 @@
             <div>{{username}}</div>
           </template>
           <el-menu-item index="6-0">
-            <div :style="language=='en'?'color:#f90':''" @click="changeLocal('en')">English</div>
+            <div :style="language=='en'?'color:#f90':''" @click="changeLocal('en')" id="head-lang-en">English</div>
           </el-menu-item>
           <el-menu-item index="6-1">
-            <div :style="language=='cn'?'color:#f90':''" @click="changeLocal('cn')">中文</div>
+            <div :style="language=='cn'?'color:#f90':''" @click="changeLocal('cn')" id="head-lang-ch">中文</div>
           </el-menu-item>
           <el-menu-item class="nz-menu-line" @click.stop index="6-2">
             <div style="height: 1px; width: 100%; background-color: #cccccc;"></div>
           </el-menu-item>
           <el-menu-item index="6-3">
-            <div @click="logout">{{$t('overall.signOut')}}</div>
+            <div @click="logout" id="head-logout">{{$t('overall.signOut')}}</div>
           </el-menu-item>
         </el-submenu>
       </el-menu>
diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index 4617ea80e..2e5a7483b 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -13,7 +13,7 @@
             <input v-model="loginData.password" type="password" class="inputL" @keyup.enter="login"></input>
           </div>
           <div class="login-button">
-            <button @click="login">Login</button>
+            <button @click="login" id="login">Login</button>
           </div>
           <div class="login-foot">
             <div class="login-foot-remember"></div>
@@ -21,13 +21,13 @@
               <div @click="changeLang('en')" class="login-foot-lang" :class="{'login-foot-lang-active': lang == 'en'}">
                 <img v-if="lang == 'en'" src="../../assets/img/lang-box-active.svg"/>
                 <img v-if="lang != 'en'" src="../../assets/img/lang-box.svg"/>
-                <span class="lang-name lang-name-en">EN</span>
+                <span class="lang-name lang-name-en" id="lang-en">EN</span>
                 <div v-if="lang == 'en'" class="lang-active-model"></div>
               </div>
               <div @click="changeLang('cn')" class="login-foot-lang" :class="{'login-foot-lang-active': lang == 'cn'}">
                 <img v-if="lang == 'cn'" src="../../assets/img/lang-box-active.svg"/>
                 <img v-if="lang != 'cn'" src="../../assets/img/lang-box.svg"/>
-                <span class="lang-name">中</span>
+                <span class="lang-name" id="lang-ch">中</span>
                 <div v-if="lang == 'cn'" class="lang-active-model"></div>
               </div>
             </div>
diff --git a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
index bc7d4c1b1..28d88e6f3 100644
--- a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
+++ b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
@@ -3,11 +3,11 @@
     <div class="">
       <div class="pop-window-assetType-content">
         <div class="pop-top-btns">
-          <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+          <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="cabinet-save">
             <span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
             <span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
           </button>
-          <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+          <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="cabinet-esc" >
             <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
           </button>
         </div>
@@ -38,9 +38,9 @@
         </el-form>
       </div>
     </div>
-    <span :class="buttonClass" @click.prevent.stop="" slot="reference">
+    <span :class="buttonClass" @click.prevent.stop="" slot="reference" :id="'cabinet-edit-'+Math.random().toString(36).slice(-8)">
       <slot name="optionZone">
-        <i class="el-icon-plus"></i>
+        <i class="el-icon-plus" id="cabinet-plus"></i>
       </slot>
     </span>
   </el-popover>
diff --git a/nezha-fronted/src/components/common/popBox/dcConfig.vue b/nezha-fronted/src/components/common/popBox/dcConfig.vue
index 643c8bfbf..a54d13cff 100644
--- a/nezha-fronted/src/components/common/popBox/dcConfig.vue
+++ b/nezha-fronted/src/components/common/popBox/dcConfig.vue
@@ -3,15 +3,15 @@
     <div class="">
       <!-- begin--顶部按钮-->
       <div class="pop-top-btns">
-        <button type="button" v-if="idc.id != ''" @click="del" class="nz-btn nz-btn-size-small nz-btn-style-light">
+        <button type="button" v-if="idc.id != ''" @click="del" class="nz-btn nz-btn-size-small nz-btn-style-light" id="dc-del">
           <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="dc-save">
           <span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
           <span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
         </button>
 
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+        <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="dc-esc">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
       </div>
@@ -41,9 +41,9 @@
         </el-form>
       </div>
     </div>
-    <span :class="buttonClass" @click.prevent.stop="" slot="reference">
+    <span :class="buttonClass" @click.prevent.stop="" slot="reference" :id="'edit-idc-'+Math.random().toString(36).slice(-8)">
       <slot name="optionZone">
-        <i class="el-icon-plus"></i>
+        <i class="el-icon-plus" id="dc-plus"></i>
       </slot>
     </span>
   </el-popover>
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 8dfc4187e..4994440ce 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -3,10 +3,10 @@
     <div class="right-box right-box-add-endpoint" v-if="rightBox.show" @mousedown="showEditParamBox(false)">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="ep-add">
           <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
         </button>
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="ep-esc">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
       </div>
@@ -22,13 +22,13 @@
           <!--project-->
           <el-form-item :label='$t("project.project.project")' prop="projectId">
             <el-select @change="((val) => {changeProject(val)})" value-key="id" popper-class="config-dropdown" v-model="currentProject" placeholder="" size="small">
-              <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
+              <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item" :id="'project-'+item.id"></el-option>
             </el-select>
           </el-form-item>
           <!--module-->
           <el-form-item :label='$t("project.module.module")' prop="moduleId">
             <el-select @change="((val) => {changeModule(val)})" value-key="id" popper-class="config-dropdown" v-model="currentModuleCopy" placeholder="" size="small">
-              <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item"></el-option>
+              <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item" :id="'module-'+item.id"></el-option>
             </el-select>
           </el-form-item>
           <!--asset和endpoint-->
@@ -39,7 +39,7 @@
               <!--end--标题-->
               <!--begin--搜索框-->
               <div class="endpoint-asset-search">
-                <button type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
+                <button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
                   <span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
                   <span>
                     <i v-if="assetSearch.dropdownShow" class="el-icon-caret-top"></i>
@@ -49,11 +49,11 @@
                 class="endpoint-asset-search-input">
                   <el-input class="input-x-mini nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input>
                 </div><button
-                type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append"><i @click="searchAsset" class="el-icon-search"></i></button>
+                type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append" id="search-asset"><i @click="searchAsset" class="el-icon-search"></i></button>
 
                 <div class="endpoint-asset-search-dropdown" v-if="assetSearch.dropdownShow">
-                  <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item">IP</div>
-                  <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item">SN</div>
+                  <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item" id="search-asset-ip">IP</div>
+                  <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item" id="search-asset-sn">SN</div>
                 </div>
               </div>
 
@@ -67,7 +67,7 @@
                 <div class="line-100"></div>
                 <div class="endpoint-sub-table-body">
                   <div v-if="!currentModuleCopy.id" class="endpoint-sub-table-body-dialog"></div>
-                  <div @click="selectAsset(item, index)" :data="item.id" v-for="item,index in assetList" class="endpoint-sub-table-row">
+                  <div @click="selectAsset(item, index)" :data="item.id" v-for="item,index in assetList" class="endpoint-sub-table-row" :id="'select-asset-'+item.id">
                     <div class="endpoint-sub-table-col">{{item.host}}</div>
                     <div class="endpoint-sub-table-col">{{item.sn}}</div>
                   </div>
@@ -89,10 +89,10 @@
                   <div class="endpoint-param-pop">
                     <div v-for="item,index in currentModuleCopy.paramObj">{{item.key}}={{item.value}}</div>
                   </div>
-                  <el-input @click.native.stop="showEditParamBox(true, currentModuleCopy, 1, $event)" slot="reference" disabled class="module-info module-info-param input-x-mini" v-model="currentModuleCopy.param"></el-input>
+                  <el-input id="edit-param" @click.native.stop="showEditParamBox(true, currentModuleCopy, 1, $event)" slot="reference" disabled class="module-info module-info-param input-x-mini" v-model="currentModuleCopy.param"></el-input>
                 </el-popover>
                 <el-input class="module-info module-info-path input-x-mini" v-model="currentModuleCopy.path"></el-input>
-                <button type="button" @click="coverEndpoint" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square module-info module-info-cover">{{$t('overall.cover')}}</button>
+                <button type="button" id="cover-param" @click="coverEndpoint" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square module-info module-info-cover">{{$t('overall.cover')}}</button>
               </div>
               <!--endpoints-->
               <div class="endpoints-box-endpoints" :style="{borderColor: endpointTouch ? paramBorderColor : '#dcdfe6'}">
@@ -146,7 +146,7 @@
                           :content="scope.row[title.prop]"
                           v-if="!scope.row.isEdit"
                         >
-                          <span slot="reference">
+                          <span slot="reference" >
                             <span>{{scope.row.path.length > 5 ? scope.row.path.substring(0, 5) + '...' : scope.row.path}}</span>
                           </span>
                         </el-popover>
@@ -177,16 +177,16 @@
                   <el-table-column label="" width="56">
                     <template slot-scope="scope" :column="title">
                       <div>
-                        <span v-if="!scope.row.isEdit" class="endpoint-box-row-symbol" @mousedown.stop @click="toEditEndpoint(scope.row)"><i class="el-icon-edit-outline"></i></span>
-                        <span v-else class="endpoint-box-row-symbol" @mousedown.stop @click="editEndpoint(scope.row)"><i class="el-icon-check"></i></span>
-                        <span class="endpoint-box-row-symbol" @click="removeEndpoint(scope.row)"><i class="nz-icon nz-icon-minus-square"></i></span>
+                        <span :id="'ep-asset-toedit-'+scope.row.assetId" v-if="!scope.row.isEdit" class="endpoint-box-row-symbol" @mousedown.stop @click="toEditEndpoint(scope.row)"><i class="el-icon-edit-outline"></i></span>
+                        <span :id="'ep-asset-edit-'+scope.row.assetId" v-else class="endpoint-box-row-symbol" @mousedown.stop @click="editEndpoint(scope.row)"><i class="el-icon-check"></i></span>
+                        <span :id="'ep-asset-remove-'+scope.row.assetId" class="endpoint-box-row-symbol" @click="removeEndpoint(scope.row)"><i class="nz-icon nz-icon-minus-square"></i></span>
                       </div>
                     </template>
                   </el-table-column>
                 </el-table>
                 <div class="el-form-item__error" :style="{opacity: endpointTouch && this.endpointList.length == 0 ? '1' : '0'}" style="left: unset; transition: all .2s">{{$t('validate.required')}}</div>
                 <div>
-                  <button type="button" @click="clearSelection" class="nz-btn nz-btn-size-small nz-btn-style-light endpoints-clear-btn">{{$t('overall.clear')}}</button>
+                  <button id="clear-select-asset" type="button" @click="clearSelection" class="nz-btn nz-btn-size-small nz-btn-style-light endpoints-clear-btn">{{$t('overall.clear')}}</button>
                   <span style="display: inline-block; font-size: 14px; float: right;line-height: 35px;padding-right: 15px;">All: {{this.endpointList.length}}</span>
                 </div>
               </div>
@@ -204,11 +204,11 @@
               <el-input placeholder="key" class="param-box-row-key input-x-mini" v-model="item.key"></el-input>
               <span class="param-box-row-eq">=</span>
               <el-input placeholder="value" class="param-box-row-value input-x-mini" v-model="item.value"></el-input>
-              <span class="param-box-row-symbol" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
+              <span class="param-box-row-symbol" :id="'remove-param-'+index" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
             </div>
           </div>
           <div style="width: 100%; text-align: center; height: 25px;">
-            <el-button @click="addParam" style="height: 18px; line-height: 18px; padding-top: 0; padding-bottom: 0;" size="mini"><i class="el-icon-plus"></i></el-button>
+            <el-button @click="addParam" id="add-param" style="height: 18px; line-height: 18px; padding-top: 0; padding-bottom: 0;" size="mini"><i class="el-icon-plus"></i></el-button>
           </div>
         </div>
       </transition>
diff --git a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
index 408d9562b..df66eb495 100644
--- a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
@@ -3,15 +3,15 @@
     <div class="right-box right-box-alert-config" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" v-if="alertRule.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+        <button type="button" v-if="alertRule.id != ''" id="alert-box-del" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
           <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="alert-box-save">
           <span v-if="rightBox.isEdit" class="top-tool-btn-txt">{{$t('overall.save')}}</span>
           <span v-else class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
         </button>
 
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="alert-box-esc">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
       </div>
@@ -33,14 +33,14 @@
             <!--type-->
             <el-form-item :label="$t('alert.list.type')" prop="type">
               <el-select v-if="rightBox.isEdit" @change="(val) => {changeType(val);}" popper-class="config-dropdown" v-model="alertRule.type" placeholder="" size="small" >
-                <el-option v-for="item in typeData" :key="item.key" :label="item.value" :value="item.key"></el-option>
+                <el-option :id="'alert-type-'+item.value" v-for="item in typeData" :key="item.key" :label="item.value" :value="item.key"></el-option>
               </el-select>
               <div v-for="item in typeData" v-if="!rightBox.isEdit && item.key == alertRule.type" class="right-box-form-content-txt">{{item.value}}</div>
             </el-form-item>
             <!--linkedId-->
             <el-form-item :label="$t('alert.config.link')" prop="linkId">
               <el-select v-if="rightBox.isEdit" v-model="alertRule.linkId" placeholder="" size="small">
-                <el-option v-for="item in linkObjList" :key="item.id" :label="alertRule.type == 3 ? item.host : item.name" :value="item.id"></el-option>
+                <el-option :id="'alert-linke-'+item.id" v-for="item in linkObjList" :key="item.id" :label="alertRule.type == 3 ? item.host : item.name" :value="item.id"></el-option>
               </el-select>
               <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{alertRule.linkObject ? alertRule.linkObject.name : ''}}</div>
             </el-form-item>
@@ -59,7 +59,7 @@
             <!--severity-->
             <el-form-item :label="$t('alert.severity')" prop="severity">
               <el-select v-if="rightBox.isEdit" popper-class="config-dropdown" v-model="alertRule.severity" placeholder=""  size="small">
-                <el-option v-for="item in severityData" :key="item.key" :label="item.value" :value="item.key">
+                <el-option :id="'alert-severity-'+item.key" v-for="item in severityData" :key="item.key" :label="item.value" :value="item.key">
                   <span class="config-dropdown-label-txt" v-if="!item.isEdit">{{item.value}}</span>
                   <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop>
                     <el-input type="text" v-model="item.name" size="mini"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
index fdd02b9db..b0629dc91 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
@@ -3,16 +3,16 @@
     <div class="right-box right-box-edit-endpoint" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+        <button id="edit-ep-del" type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
           <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button id="edit-ep-edit" v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-        <button v-if="rightBox.isEdit" type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button id="edit-ep-save" v-if="rightBox.isEdit" type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
         </button>
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+        <button id="edit-ep-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
       </div>
@@ -28,14 +28,14 @@
           <!--project-->
           <el-form-item :label="$t('project.project.project')" prop="project.id">
             <el-select @change="((val) => {changeProject(val);})" value-key="id" popper-class="config-dropdown" v-model="currentProject" placeholder="" v-if="rightBox.isEdit" size="small">
-              <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
+              <el-option :id="'edit-project-'+item.id" v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
             </el-select>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{endpoint.project.name}}</div>
           </el-form-item>
           <!--module-->
           <el-form-item :label="$t('project.module.module')" prop="module.id">
             <el-select @change="((val) => {changeModule(val);})" value-key="id" popper-class="config-dropdown" v-model="currentModule" placeholder="" v-if="rightBox.isEdit" size="small">
-              <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item"></el-option>
+              <el-option :id="'edit-module-'+item.id" v-for="item in moduleList" :key="item.id" :label="item.name" :value="item"></el-option>
             </el-select>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{endpoint.module.name}}</div>
           </el-form-item>
@@ -48,7 +48,7 @@
                 <div class="pop-window-assetType-content">
                   <!-- begin--顶部按钮-->
                   <div class="pop-top-btns">
-                    <button type="button" @click="subEsc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+                    <button type="button" id="edit-ep-subesc" @click="subEsc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
                       <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                     </button>
                   </div>
@@ -68,13 +68,13 @@
                         </span>
                       </button><div class="endpoint-asset-search-input">
                         <el-input class="input-x-mini nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input>
-                      </div><button type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append">
-                        <i @click="searchAsset" class="el-icon-search"></i>
+                      </div><button type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append" >
+                        <i @click="searchAsset" class="el-icon-search" id="edit-ep-search-asset"></i>
                       </button>
 
                       <div class="endpoint-asset-search-dropdown" v-if="assetSearch.dropdownShow">
-                        <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item">IP</div>
-                        <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item">SN</div>
+                        <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item" id="edit-ep-search-ip">IP</div>
+                        <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item" id="edit-ep-search-sn">SN</div>
                       </div>
                     </div>
                     <!-- end--搜索框-->
@@ -91,7 +91,7 @@
                           <div class="endpoint-sub-table-col">{{selectedAsset.sn}}</div>
                         </div>
                         <div v-else class="endpoint-sub-table-row"></div>
-                        <div @click="selectAsset(item)" :data="item.id" v-for="item in assetList" class="endpoint-sub-table-row" :class="{'endpoint-sub-table-row-active': item.id == selectedAsset.id}">
+                        <div id="edit-select-asset" @click="selectAsset(item)" :data="item.id" v-for="item in assetList" class="endpoint-sub-table-row" :class="{'endpoint-sub-table-row-active': item.id == selectedAsset.id}">
                           <div class="endpoint-sub-table-col">{{item.host}}</div>
                           <div class="endpoint-sub-table-col">{{item.sn}}</div>
                         </div>
@@ -132,10 +132,10 @@
               <span>{{$t('project.endpoint.param')}}</span>
               <div class="right-box-form-btns" v-if="rightBox.isEdit">
                 <button style="display: none;">第一个button会出现意料之外的hover样式，找不到原因，只好加个不可见的button规避问题</button>
-                <button type="button" @click="clearAllParam" class="nz-btn nz-btn-size-small nz-btn-style-light">
+                <button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-small nz-btn-style-light">
                   <span class="top-tool-btn-txt">{{$t('overall.clearAll')}}</span>
                 </button>
-                <button type="button" @click="addParam" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                <button type="button" id="edit-add-param" @click="addParam" class="nz-btn nz-btn-size-small nz-btn-style-normal">
                   <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                 </button>
               </div>
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index e4b1dc667..108744578 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -3,15 +3,15 @@
     <div class="right-box right-box-module" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" v-if="module.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+        <button id="module-del" type="button" v-if="module.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
           <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button id="module-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span v-if="rightBox.isEdit" class="top-tool-btn-txt">{{$t('overall.save')}}</span>
           <span v-else class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
         </button>
 
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+        <button id="module-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
         <!--<div class="right-box-top-btn" v-if="module.id != ''" @click="del">
@@ -44,7 +44,7 @@
         <el-form class="right-box-form" :model="module" label-position="top" :rules="rules" ref="moduleForm">
           <el-form-item :label='$t("project.project.project")' prop="project">
             <el-select v-if="rightBox.isEdit" value-key="id" popper-class="config-dropdown" v-model="module.project" placeholder="" size="small">
-              <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
+              <el-option :id="'module-project-'+item.id" v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
             </el-select>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{module.project.name}}</div>
           </el-form-item>
@@ -74,10 +74,10 @@
               <span>{{$t('project.endpoint.param')}}</span>
               <div class="right-box-form-btns" v-if="rightBox.isEdit">
                 <button style="display: none;">第一个button会出现意料之外的hover样式，找不到原因，只好加个不可见的button规避问题</button>
-                <button type="button" @click="clearAllParam" class="nz-btn nz-btn-size-small nz-btn-style-light">
+                <button id="module-clear-all" type="button" @click="clearAllParam" class="nz-btn nz-btn-size-small nz-btn-style-light">
                   <span class="top-tool-btn-txt">{{$t('overall.clearAll')}}</span>
                 </button>
-                <button type="button" @click="addParam" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                <button id="module-add-param" type="button" @click="addParam" class="nz-btn nz-btn-size-small nz-btn-style-normal">
                   <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                 </button>
               </div>
@@ -91,7 +91,7 @@
                 <el-form-item class="param-box-row-value" :rules="{required: true, message: $t('validate.required'), trigger: 'blur'}" :prop="'paramObj.' + index + '.value'">
                   <el-input placeholder="value" size="mini" v-model="item.value"></el-input>
                 </el-form-item>
-                <span class="param-box-row-symbol" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
+                <span class="param-box-row-symbol" :id="'moduel-remove-param-'+index" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
               </div>
               <div class="param-box-row" v-for="(item, index) in module.paramObj" v-if="!rightBox.isEdit">
                 <div  class="right-box-form-content-txt">{{item.key}}={{item.value}}</div>
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index fed0880d8..6f99b14a0 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -3,14 +3,14 @@
     <div class="right-box right-box-project" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" v-if="project.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+        <button id="project-del" type="button" v-if="project.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
           <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button id="project-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span v-if="rightBox.isEdit" class="top-tool-btn-txt">{{$t('overall.save')}}</span>
           <span v-else class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+        <button id="project-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
       </div>
diff --git a/nezha-fronted/src/components/common/searchInput.vue b/nezha-fronted/src/components/common/searchInput.vue
index 6fc72f6a4..cdf69954c 100644
--- a/nezha-fronted/src/components/common/searchInput.vue
+++ b/nezha-fronted/src/components/common/searchInput.vue
@@ -3,15 +3,15 @@
         <div class="search-input-all input-position" @click="stop_click">
 <!--            历史记录-->
             <div class="search-history">
-                <i class="el-icon-time" @click="look_history"></i>
+                <i class="el-icon-time" @click="look_history" id="search-view-history"></i>
                 <div :class="localStorage_display?'localStorage_list_box none':'localStorage_list_box'">
                     <div class="list_box_title">
                         <span>{{$t('search.recentSearch')}}</span>
-                        <i class="el-icon-close" @click="localStorage_display=!localStorage_display"></i>
+                        <i class="el-icon-close" @click="localStorage_display=!localStorage_display" id="search-close-history"></i>
                     </div>
                     <div class="list_box_content" v-if="history_once.length>0">
                         <ul>
-                            <li v-for="(val,ind) in history_once" @click="select_history(ind,$event)" :key="ind">
+                            <li v-for="(val,ind) in history_once" @click="select_history(ind,$event)" :key="ind" :id="'search-history-pick-'+ind">
                                 <span v-for="(item,key) in val" :key="key">
                                     <span class="name">{{item.name}}: </span>
                                     <span class="value">{{item.val+' '}}</span>
@@ -20,7 +20,7 @@
                         </ul>
                     </div>
                     <div class="list_box_clear">
-                        <span v-if="history_once.length>0" @click="clear_history">{{other.clearReSearch}}</span>
+                        <span v-if="history_once.length>0" @click="clear_history" id="search-clear-history">{{other.clearReSearch}}</span>
                         <span v-else class="no_historyList">{{$t('search.noRecentSearch')}}</span>
                     </div>
                 </div>
@@ -99,7 +99,7 @@
                     <li class="select_input" v-if="change_sreach_show">
                         <input type="text" @click="read_input" v-model="no_condition" @keyup="enter_one" id="one-input" @keydown="clear_search_list" >
                     </li>
-                   
+
                 </ul>
             </div>
             <div class="clear-search" @click="clear_input">
diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue
index 94441ffd9..109045b2a 100644
--- a/nezha-fronted/src/components/page/alert/config.vue
+++ b/nezha-fronted/src/components/page/alert/config.vue
@@ -8,13 +8,13 @@
         <div class="content-left">
             <div class="sidebar-title">{{$t('alert.alert')}}</div>
             <div class="sidebar-info">
-                <div class="sidebar-info-item sidebar-info-top" @click="jumpTo('alertList')">{{$t('alert.alertList')}}</div>
+                <div class="sidebar-info-item sidebar-info-top" @click="jumpTo('alertList')" id="alert-jump-alertlist">{{$t('alert.alertList')}}</div>
                 <div class="sidebar-info-item sidebar-info-item-active">{{$t('alert.alertConfig')}}</div>
             </div>
         </div>
         <div class="content-right">
             <div class="top-tools">
-                <button @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
+                <button id="alert-add" @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
                     <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                 </button>
                 <div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
@@ -35,7 +35,7 @@
                 >
                     <template slot="header" slot-scope="scope">
                         <span v-if="index==0">
-                            <span @click.stop="elementsetShow('shezhi',$event)">
+                            <span @click.stop="elementsetShow('shezhi',$event)" id="alert-tab-set">
                                 <i class="el-icon-setting"></i>
                             </span>
                             <span>{{item.label}}</span>
@@ -46,9 +46,9 @@
                     </template>
                     <template slot-scope="scope" :column="item">
                         <div v-if="item.prop == 'option'" class="content-right-options">
-                          <span @click="del(scope.row)" class="content-right-option"><i class="el-icon-delete"></i></span>
-                          <span @click="detail(scope.row)" class="content-right-option"><i class="el-icon-view"></i></span>
-                          <span @click="toEdit(scope.row)" class="content-right-option"><i class="el-icon-edit-outline"></i></span>
+                          <span @click="del(scope.row)" class="content-right-option" :id="'alert-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
+                          <span @click="detail(scope.row)" class="content-right-option" :id="'alert-detail-'+scope.row.id"><i class="el-icon-view"></i></span>
+                          <span @click="toEdit(scope.row)" class="content-right-option" :id="'alert-edit-'+scope.row.id"><i class="el-icon-edit-outline"></i></span>
                         </div>
                         <span v-else-if="item.prop == 'severity'">
                           <span v-if="scope.row[item.prop] == 'high'"><i class="el-icon-arrow-up"></i>&nbsp;{{severityData[1].value}}</span>
diff --git a/nezha-fronted/src/components/page/alert/list.vue b/nezha-fronted/src/components/page/alert/list.vue
index ac0f955f7..e5541151c 100644
--- a/nezha-fronted/src/components/page/alert/list.vue
+++ b/nezha-fronted/src/components/page/alert/list.vue
@@ -9,7 +9,7 @@
             <div class="sidebar-title">{{$t('alert.alert')}}</div>
             <div class="sidebar-info">
                 <div class="sidebar-info-item sidebar-info-top sidebar-info-item-active">{{$t('alert.alertList')}}</div>
-                <div class="sidebar-info-item" @click="jumpTo('alertConfig')">{{$t('alert.alertConfig')}}</div>
+                <div class="sidebar-info-item" @click="jumpTo('alertConfig')" id="alert-jump-config">{{$t('alert.alertConfig')}}</div>
             </div>
         </div>
         <div class="content-right">
@@ -42,7 +42,7 @@
                     </template>
                     <template slot-scope="scope" :column="item">
                         <span v-if="item.prop == 'alertRule'">
-                            <span class="link" @click="viewRule(scope.row[item.prop].id)" v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</span>
+                            <span class="link" @click="viewRule(scope.row[item.prop].id)" :id="'view-rule-'+scope.row[item.prop].id" v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</span>
                             <span v-else>-</span>
                         </span>
                         <div v-else-if="item.prop == 'type'" class="content-right-options">
@@ -56,8 +56,8 @@
                             <span v-if="scope.row[item.prop] == 'low'"><i class="el-icon-arrow-down"></i>&nbsp;{{severityData[2].value}}</span>
                         </span>
                         <div v-else-if="item.prop == 'linkObject'">
-                            <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop])">{{scope.row[item.prop].name}}</span>
-                            <span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop].id)">{{scope.row[item.prop].host}}</span>
+                            <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop])" :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].name}}</span>
+                            <span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop].id)" :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].host}}</span>
                             <span v-else>-</span>
                         </div>
                         <div v-else-if="item.prop == 'state'">
diff --git a/nezha-fronted/src/components/page/asset/accountConfig.vue b/nezha-fronted/src/components/page/asset/accountConfig.vue
index 99e69552b..2531bf800 100644
--- a/nezha-fronted/src/components/page/asset/accountConfig.vue
+++ b/nezha-fronted/src/components/page/asset/accountConfig.vue
@@ -3,12 +3,12 @@
       <el-form class="pop-item-wider" :model="account" :rules="rules" ref="accountForm">
         <el-form-item :label="$t('asset.createAssetTab.loginType')" size="mini">
           <div class="nz-btn-group float-left" style="padding-top: 4px;" v-if="isEdit">
-            <button type="button" @click="changeLoginType(1)"
+            <button type="button" @click="changeLoginType(1)" id="account-logintype-1"
                     class="nz-btn nz-btn-size-small float-left"
                     :class="{'nz-btn-disabled nz-btn-style-normal' : account.authType == 1, 'nz-btn-style-light' : account.authType == 2}">
               <span>{{$t('asset.createAssetTab.password')}}</span>
             </button>
-            <button type="button" @click="changeLoginType(2)"
+            <button type="button" @click="changeLoginType(2)" id="account-logintype-2"
                     class="nz-btn nz-btn-size-small float-left"
                     :class="{'nz-btn-disabled nz-btn-style-normal' : account.authType == 2, 'nz-btn-style-light' : account.authType == 1}">
               <span>{{$t('asset.createAssetTab.ssh')}}</span>
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index ec3af954e..21e80d2fc 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -26,7 +26,7 @@
 
     <div class="content-right">
       <div class="top-tools">
-        <button @click.stop="tagShow('showAdd')" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
+        <button @click.stop="tagShow('showAdd')" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right" id="asset-add">
           <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
         </button>
         <div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
@@ -48,7 +48,7 @@
         >
           <template slot="header" slot-scope="scope">
             <span v-if="index==0">
-                <span @click.stop="elementsetShow('shezhi',$event)">
+                <span @click.stop="elementsetShow('shezhi',$event)" id="asset-tab-set">
                     <i class="el-icon-setting"></i>
                 </span>
                 <span>{{item.label}}</span>
@@ -74,17 +74,17 @@
               <span>{{scope.row.state==1 ? $t('asset.createAssetTab.inStock') : $t('asset.createAssetTab.notInStock')}}</span>
             </div>
             <div v-if="item.prop=='Module'">
-              <div v-if="scope.row.moduleNum > 0" @click="getAssetModuleList(scope.row.id)">
+              <div v-if="scope.row.moduleNum > 0" @click="getAssetModuleList(scope.row.id)" :id="'asset-module-'+scope.row.id">
                 <module-list-pop :assetId="scope.row.id + ''" @openModuleBox="openModuleBox" placement="left" :ref="'moduleListPop' + scope.row.id">
                   <template v-slot:optionZone>
-                    <div class="tab-input-square tab-input-square-high link">{{scope.row.moduleNum}}</div>
+                    <div class="tab-input-square tab-input-square-high link" >{{scope.row.moduleNum}}</div>
                   </template>
                 </module-list-pop>
               </div>
               <div v-else class="tab-input-square">{{scope.row.moduleNum}}</div>
             </div>
             <div v-if="item.prop=='Alert'">
-              <div v-if="scope.row.alertNum > 0" class="tab-input-square tab-input-square-high link" @click="jumpToAlertMsg(scope.row.id)">{{scope.row.alertNum}}</div>
+              <div v-if="scope.row.alertNum > 0" class="tab-input-square tab-input-square-high link" @click="jumpToAlertMsg(scope.row.id)" :id="'asset-alerts-'+scope.row.id">{{scope.row.alertNum}}</div>
               <div class="tab-input-square" v-else>{{scope.row.alertNum}}</div>
             </div>
             <div v-if="item.prop=='dataCenter'">
@@ -118,16 +118,16 @@
               <span>{{scope.row.idc.tel}}</span>
             </div>
             <div v-if="item.prop == 'option'" class="content-right-options">
-              <span @click.stop="deleteData('asset',scope.row.id)" class="content-right-option"><i
+              <span @click.stop="deleteData('asset',scope.row.id)" class="content-right-option" :id="'asset-del-'+scope.row.id"><i
                 class="el-icon-delete"></i>
               </span>
-              <span @click.stop="tagShow('showView',scope.row.id)" class="content-right-option"><i
+              <span @click.stop="tagShow('showView',scope.row.id)" class="content-right-option" :id="'asset-detail-'+scope.row.id"><i
                 class="el-icon-view"></i>
               </span>
-              <span @click.stop="tagShow('showEdit',scope.row.id)" class="content-right-option"><i
+              <span @click.stop="tagShow('showEdit',scope.row.id)" class="content-right-option" :id="'asset-edit-'+scope.row.id"><i
                 class="el-icon-edit-outline"></i>
               </span>
-              <span @click="ssss(scope.row.id ,scope.row.host)" class="content-right-option"><i
+              <span @click="ssss(scope.row.id ,scope.row.host)" class="content-right-option" :id="'asset-ssh-'+scope.row.id"><i
                 class="el-icon-monitor"></i>
               </span>
             </div>
diff --git a/nezha-fronted/src/components/page/asset/assetAddUnit.vue b/nezha-fronted/src/components/page/asset/assetAddUnit.vue
index 145daf092..86d4a3b9c 100644
--- a/nezha-fronted/src/components/page/asset/assetAddUnit.vue
+++ b/nezha-fronted/src/components/page/asset/assetAddUnit.vue
@@ -2,10 +2,10 @@
   <transition name="right-box-580">
     <div class="right-box right-box-add-asset" v-if="addUnitShow" @click="editQuit">
       <div class="right-box-top-btns">
-        <button type="button" @click.stop="addNewData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button type="button" @click.stop="addNewData('asset')" id="add-asset-new" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
         </button>
-        <button type="button" @click.stop="sendStateData('close')"
+        <button type="button" @click.stop="sendStateData('close')" id="add-asset-esc"
                 class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
@@ -24,6 +24,7 @@
           <el-form-item :label="this.$t('asset.createAssetTab.state')" prop="state">
             <el-select size="mini" v-model="assetData.state" placeholder="">
               <el-option
+                :id="'add-asset-state-'+item.value"
                 v-for="item in assetStateOption"
                 :key="item.value"
                 :label="item.label"
@@ -38,6 +39,7 @@
             <el-select popper-class="asset-dropdown" size="mini" v-model="assetType" clearable @change="getAllModelOptionData" placeholder=""
                        @visible-change="cancelEdit" class="right-box-row-with-btn">
               <el-option
+                :id="'add-asset-type-'+item.id"
                 v-for="(item) in assetTypeOptionData"
                 :key="item.id"
                 :value="item.code"
@@ -47,12 +49,12 @@
                 <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
                                         <el-input type="text" v-model="item.value" size="mini"/>
                                     </span>
-                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')">
+                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')" :id="'add-asset-type-edit-'+item.id">
                                         <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                                         <i class="el-icon-check" v-if="item.isEdit"
-                                           @click="editData('sys/dict/update',item)"></i>
+                                           @click="editData('sys/dict/update',item)" :id="'add-asset-type-save-'+item.id"></i>
                                     </span>
-                <span class="config-dropdown-btn config-dropdown-btn-delete"><i class="el-icon-delete"></i></span>
+                <span class="config-dropdown-btn config-dropdown-btn-delete" :id="'add-asset-type-del-'+item.id" @click.stop="deleteData('/sys/dict/delete',item.id)"><i class="el-icon-delete"></i></span>
               </el-option>
             </el-select>
             <div class="right-box-row-btn right-box-row-btn-small">
@@ -60,11 +62,11 @@
                 placement="left"
                 v-model="popTypeVisible"
               >
-                <div class="pop-window-assetType" @click="editQuit()">
+                <div class="pop-window-assetType" @click="editQuit()" id="asset-sub-assettype-edit">
                   <div class="pop-window-assetType-content">
                     <!--右上角按钮-->
                     <div class="pop-top-btns">
-                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="asset-sub-assettype-esc">
                         <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                       </button>
                     </div>
@@ -74,7 +76,7 @@
                     <div class="pop-item">
                       <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
                       <el-input class="input-x-mini" v-model="assetTypeData.value"/>
-                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-sub-assettype-add">
                         <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                       </button>
                     </div>
@@ -84,21 +86,22 @@
                         <el-scrollbar style="height: 100%;">
                           <ul style="list-style: none">
                             <li style="cursor: pointer;"
+                                :id="'asset-sub-assettype-pick-'+index"
                                 v-for="(item,index) in assetTypeOptionData"
                                 @click="clickState(index,item,'type')"
                                 :class="{'pop-box-active': modelCount === index}"
                                 :key="index">
                               <div>
                                 <span v-if="!item.isEdit">{{ item.value }}</span>
-                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
+                                <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing" >
                                   <el-input class="input-x-mini" v-model="item.value"/>
                                 </span>
-                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)">
+                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)" :id="'asset-sub-assettype-edit-'+index">
                                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                                   <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
                                 </span>
                                 <span class="config-dropdown-btn config-dropdown-btn-delete"
-                                      @click.stop="deleteData('/sys/dict/delete',item.id)">
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)" :id="'asset-sub-assettype-del-'+index">
                                   <i class="el-icon-delete"></i>
                                 </span>
                               </div>
@@ -136,10 +139,10 @@
                 v-clickoutside="clickOutSide"
                 @hide="resetVendor"
               >
-                <div class="pop-window-assetType" @click="editQuit()">
+                <div class="pop-window-assetType" @click="editQuit()" id="asset-sub-vendor-close">
                   <div class="pop-window-assetType-content">
                     <div class="pop-top-btns">
-                      <button type="button" @click="popoverClose('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                      <button type="button" @click="popoverClose('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="asset-sub-vendor-esc">
                         <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                       </button>
                     </div>
@@ -149,7 +152,7 @@
                     <div class="pop-item">
                       <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.vendorName')}}</div>
                       <el-input class="input-x-mini" v-model="addVendorData.value"/>
-                      <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-sub-vendor-add">
                         <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                       </button>
                     </div>
@@ -159,6 +162,7 @@
                         <el-scrollbar style="height: 100%;">
                           <ul style="list-style: none">
                             <li style="cursor: pointer;"
+                                :id="'asset-sub-vendor-op-'+index"
                                 v-for="(item,index) in vendorUlData"
                                 @click="getLidata(index,item)"
                                 :class="{'pop-box-active': vendorCount === index}"
@@ -169,12 +173,12 @@
                                   <el-input class="input-x-mini" v-model="item.value"/>
                                 </span>
                                 <span class="config-dropdown-btn"
-                                      @click.stop="editVendorOptionData(item,'vendor',index)">
+                                      @click.stop="editVendorOptionData(item,'vendor',index)" :id="'asset-sub-vendor-op-edit-'+index">
                                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                                   <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
                                 </span>
                                 <span class="config-dropdown-btn config-dropdown-btn-delete"
-                                      @click.stop="deleteData('/sys/dict/delete',item.id)"><i
+                                      @click.stop="deleteData('/sys/dict/delete',item.id)" :id="'asset-sub-vendor-op-del-'+index"><i
                                   class="el-icon-delete"></i>
                                 </span>
                               </div>
@@ -186,7 +190,7 @@
                     <div class="pop-item">
                       <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.modelName')}}</div>
                       <el-input class="input-x-mini" v-model="addNewModelData.name"/>
-                      <button type="button" @click="addNewData('model')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <button type="button" @click="addNewData('model')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-sub-model-add">
                         <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                       </button>
                     </div>
@@ -196,6 +200,7 @@
                         <el-scrollbar style="height: 100%;">
                           <ul style="list-style: none">
                             <li style="cursor: pointer;"
+                                :id="'asset-sub-model-op-'+index"
                                 v-for="(item,index) in modelUlData"
                                 @click="clickState(index,item,'model') "
                                 :class="{'pop-box-active': modelCount === index}"
@@ -206,12 +211,12 @@
                                   <el-input class="input-x-mini" v-model="item.name"/>
                                 </span>
                                 <span class="config-dropdown-btn"
-                                      @click.stop="editOptionData(item,'model',index)">
+                                      @click.stop="editOptionData(item,'model',index)" :id="'asset-sub-model-op-edit-'+index">
                                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                                   <i class="el-icon-check" v-if="item.isEdit" @click="editData('model',item)"></i>
                                 </span>
                                 <span class="config-dropdown-btn config-dropdown-btn-delete"
-                                      @click.stop="deleteData('model',item.id)"><i
+                                      @click.stop="deleteData('model',item.id)" :id="'asset-sub-model-op-del-'+index"><i
                                   class="el-icon-delete"></i>
                                 </span>
                               </div>
@@ -242,6 +247,7 @@
           <el-form-item :label="this.$t('asset.createAssetTab.dcName')" class="right-box-form-content" prop="idcId">
             <el-select popper-class="asset-dropdown" size="mini" v-model="assetData.idcId" clearable @change="getSingleIDCData" class="right-box-row-with-btn" placeholder="">
               <el-option
+                :id="'asset-add-idc-op'+item.key"
                 v-for="item in IDCOptionData"
                 :key="item.key"
                 :label="item.name"
@@ -306,7 +312,7 @@
                     class="el-icon-edit-outline"></i></span>
                 </el-popover>-->
                 <span class="config-dropdown-btn config-dropdown-btn-delete"
-                      @click.stop="deleteData('idc',item.id)"><i
+                      @click.stop="deleteData('idc',item.id)" :id="'asset-add-idc-op-del-'+item.id"><i
                   class="el-icon-delete"></i></span>
               </el-option>
             </el-select>
@@ -382,6 +388,7 @@
                        :disabled="assetData.idcId==''?true:false" size="mini" placeholder=""
                        @change="getSingleCabinetData">
               <el-option
+                :id="'asset-add-cabinet-op-'+item.id"
                 v-for="item in cabinetOptionData"
                 :key="item.key"
                 :label="item.name"
@@ -392,7 +399,7 @@
                   <i slot="optionZone" class="el-icon-edit-outline"></i>
                 </cabinet-config-box>
 
-                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                <span class="config-dropdown-btn config-dropdown-btn-delete" :id="'asset-add-cabinet-op-del-'+item.id"
                       @click.stop="deleteData('cabinet',item.id)">
                   <i class="el-icon-delete"></i>
                 </span>
@@ -937,6 +944,7 @@
               this.getCabinetOptionData(this.assetData.idcId)
               this.getAllModelOptionData(this.assetType)
               this.getModelOptionData(this.assetType, this.vendorCode)
+              this.getAssetTypeOptionData();
             } else {
               this.$message.error(response.msg);
             }
diff --git a/nezha-fronted/src/components/page/asset/assetEditUnit.vue b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
index 97829bb5f..687e0499b 100644
--- a/nezha-fronted/src/components/page/asset/assetEditUnit.vue
+++ b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
@@ -1,18 +1,18 @@
 <template>
   <transition name="right-box-580">
-    <div class="right-box right-box-add-asset" v-if="editUnitShow" @click="editQuit">
+    <div class="right-box right-box-add-asset" v-if="editUnitShow" @click="editQuit" id="asset-edit-quit">
       <!--顶部按钮-->
       <div class="right-box-top-btns">
-        <button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" class="nz-btn nz-btn-size-normal nz-btn-style-light">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+          <span class="top-tool-btn-txt" >{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="tabView" type="button" @click="tabView=false" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
-          <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+        <button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+          <span class="top-tool-btn-txt" >{{$t('overall.edit')}}</span>
         </button>
-        <button v-if="!tabView" type="button" @click.stop="editData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+        <button v-if="!tabView" id="asset-edit-save" type="button" @click.stop="editData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
           <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
         </button>
-        <button type="button" @click.stop="sendStateData('close')"
+        <button type="button" id="asset-edit-esc" @click.stop="sendStateData('close')"
                 class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
         </button>
@@ -34,6 +34,7 @@
             <div v-if="!tabView" class="select-style">
               <el-select size="mini" v-model="assetData.state" placeholder="">
                 <el-option
+                  :id="'asset-edit-state-op-'+item.value"
                   v-for="item in assetStateOption"
                   :key="item.value"
                   :label="item.label"
@@ -56,6 +57,7 @@
             <el-select popper-class="asset-dropdown" size="mini" v-if="!tabView" v-model="assetType" clearable @visible-change="cancelEdit"
                        @change="getAllModelOptionData()" class="right-box-row-with-btn">
               <el-option
+                :id="'asset-edit-type-op-'+item.id"
                 v-for="item in assetTypeOptionData"
                 :key="item.id"
                 :value="item.code"
@@ -65,12 +67,12 @@
                 <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing(item)">
                   <el-input type="text" v-model="item.value" size="mini"/>
                 </span>
-                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')">
+                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')" :id="'asset-edit-type-op-edit-'+item.id">
                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                   <i class="el-icon-check" v-if="item.isEdit"
                      @click="editData('sys/dict/update',item)"></i>
                 </span>
-                <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="delOptionData(item)">
+                <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="delOptionData(item)" :id="'asset-edit-type-op-del-'+item.id">
                   <i class="el-icon-delete"></i>
                 </span>
               </el-option>
@@ -82,11 +84,11 @@
                 v-model="editPopTypeVisible"
                 v-clickoutside="clickOutSide"
               >
-                <div class="pop-window-assetType" @click="editQuit()">
+                <div class="pop-window-assetType" @click="editQuit()" id="asset-edit-sub-type-quit">
                   <div class="pop-window-assetType-content">
                     <!--右上角按钮-->
                     <div class="pop-top-btns">
-                      <button type="button" @click="editPopoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                      <button type="button" @click="editPopoverClose('type')" id="asset-edit-sub-type-esc"  class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
                         <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                       </button>
                     </div>
@@ -96,7 +98,7 @@
                     <div class="pop-item">
                       <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
                       <el-input class="input-x-mini" v-model="assetTypeData.value"/>
-                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-edit-sub-type-add">
                         <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                       </button>
                     </div>
@@ -106,6 +108,7 @@
                         <el-scrollbar style="height: 100%;">
                           <ul style="list-style: none">
                             <li style="cursor: pointer;"
+                                :id="'asset-edit-sub-type-op-'+index"
                                 v-for="(item,index) in assetTypeOptionData"
                                 @click="clickState(index,item,'type')"
                                 :class="{'pop-box-active': modelCount === index}"
@@ -115,13 +118,13 @@
                                 <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
                                   <el-input class="input-x-mini" v-model="item.value"/>
                                 </span>
-                                <span v-if="!item.isEdit" class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)">
+                                <span v-if="!item.isEdit" class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)" :id="'asset-edit-sub-type-op-edit-'+index">
                                   <i class="el-icon-edit-outline"></i>
                                 </span>
-                                <span v-if="item.isEdit"  class="config-dropdown-btn" @click.stop="editData('sys/dict/update',item, 'assetType')">
+                                <span v-if="item.isEdit"  class="config-dropdown-btn" @click.stop="editData('sys/dict/update',item, 'assetType')" :id="'asset-edit-sub-type-op-save-'+index">
                                   <i class="el-icon-check"></i>
                                 </span>
-                                <span class="config-dropdown-btn config-dropdown-btn-delete"
+                                <span class="config-dropdown-btn config-dropdown-btn-delete" :id="'asset-edit-sub-type-op-del-'+index"
                                       @click.stop="deleteData('/sys/dict/delete',item.id)"><i class="el-icon-delete"></i>
                                                           </span>
                               </div>
@@ -160,10 +163,10 @@
                   v-clickoutside="clickOutSide"
                   @hide="resetVendor"
                 >
-                  <div class="pop-window-assetType" @click="editQuit()">
+                  <div class="pop-window-assetType" @click="editQuit()" id="asset-edit-sub-vendor-quit">
                     <div class="pop-window-assetType-content">
                       <div class="pop-top-btns">
-                        <button type="button" @click="editPopoverClose('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+                        <button type="button" @click="editPopoverClose('vendor')" id="asset-edit-sub-vendor-close"> class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
                           <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                         </button>
                       </div>
@@ -173,7 +176,7 @@
                       <div class="pop-item">
                         <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.vendorName')}}</div>
                         <el-input class="input-x-mini" v-model="addVendorData.value"/>
-                        <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <button type="button" @click="addNewData('vendor')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-edit-sub-vendor-add">>
                           <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                         </button>
                       </div>
@@ -183,6 +186,7 @@
                           <el-scrollbar style="height: 100%;">
                             <ul style="list-style: none">
                               <li style="cursor: pointer;"
+                                  :id="'asset-edit-sub-vendor-op-'+index"
                                   v-for="(item,index) in vendorUlData"
                                   @click="getLidata(index,item)"
                                   :class="{'pop-box-active': vendorCount === index}"
@@ -191,11 +195,11 @@
                                 <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
                                   <el-input class="input-x-mini" v-model="item.value"/>
                                 </span>
-                                <span class="config-dropdown-btn" @click.stop="editVendorOptionData(item,'vendor',index)">
+                                <span class="config-dropdown-btn" @click.stop="editVendorOptionData(item,'vendor',index)" :id="'asset-edit-sub-vendor-op-edit-'+index">
                                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
-                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
+                                  <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)" :id="'asset-edit-sub-vendor-op-save-'+index"></i>
                                 </span>
-                                <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="deleteData('/sys/dict/delete',item.id)">
+                                <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="deleteData('/sys/dict/delete',item.id)" :id="'asset-edit-sub-vendor-op-del-'+index">
                                   <i class="el-icon-delete"></i>
                                 </span>
                               </li>
@@ -206,7 +210,7 @@
                       <div class="pop-item">
                         <div class="pop-label">{{$t('asset.createAssetTab.vendorTab.modelName')}}</div>
                         <el-input class="input-x-mini" v-model="addNewModelData.name"/>
-                        <button type="button" @click="addNewData('model')" class="nz-btn nz-btn-size-small nz-btn-style-normal">
+                        <button type="button" @click="addNewData('model')" id="asset-edit-sub-model-add" class="nz-btn nz-btn-size-small nz-btn-style-normal">
                           <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                         </button>
                       </div>
@@ -216,6 +220,7 @@
                           <el-scrollbar style="height: 100%;">
                             <ul style="list-style: none">
                               <li style="cursor: pointer;"
+                                  :id="'asset-edit-sub-model-op-'+index"
                                   v-for="(item,index) in modelUlData"
                                   @click=" clickState(index,item,'model') "
                                   :class="{'pop-box-active': modelCount === index}"
@@ -224,13 +229,13 @@
                                 <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
                                   <el-input class="input-x-mini" v-model="item.name"/>
                                 </span>
-                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'model',index)">
+                                <span class="config-dropdown-btn" @click.stop="editOptionData(item,'model',index)" :id="'asset-edit-sub-model-op-edit-'+index">
                                   <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
                                   <i class="el-icon-check" v-if="item.isEdit"
-                                       @click="editData('model',item)"></i>
+                                       @click="editData('model',item)" :id="'asset-edit-sub-model-op-save-'+index"></i>
                                 </span>
                                 <span class="config-dropdown-btn config-dropdown-btn-delete"
-                                    @click.stop="deleteData('model',item.id)">
+                                    @click.stop="deleteData('model',item.id)" :id="'asset-edit-sub-model-op-del-'+index">
                                   <i class="el-icon-delete"></i>
                                 </span>
                               </li>
@@ -266,6 +271,7 @@
             <template v-if="!tabView">
               <el-select popper-class="asset-dropdown" size="mini" v-model="assetData.idcId" clearable @change="getSingleIDCData" class="right-box-row-with-btn" placeholder="">
                 <el-option
+                  :id="'asset-edit-idc-op-'+item.id"
                   v-for="item in IDCOptionData"
                   :key="item.key"
                   :label="item.name"
@@ -331,7 +337,7 @@
                       class="el-icon-edit-outline"></i></span>
                   </el-popover>-->
                   <span class="config-dropdown-btn config-dropdown-btn-delete"
-                        @click.stop="deleteData('idc',item.id)"><i
+                        @click.stop="deleteData('idc',item.id)" :id="'asset-edit-idc-op-del-'+item.id"><i
                     class="el-icon-delete"></i></span>
                 </el-option>
               </el-select>
@@ -411,6 +417,7 @@
                          :disabled="assetData.idcId==''?true:false" size="mini" placeholder=""
                          @change="getSingleCabinetData">
                 <el-option
+                  :id="'asset-edit-cabinet-op-'+item.id"
                   v-for="item in cabinetOptionData"
                   :key="item.id"
                   :label="item.name"
@@ -422,7 +429,7 @@
                   </cabinet-config-box>
 
                   <span class="config-dropdown-btn config-dropdown-btn-delete"
-                        @click.stop="deleteData('cabinet',item.id)">
+                        @click.stop="deleteData('cabinet',item.id)" :id="'asset-edit-cabinet-op-del-'+item.id">
                     <i class="el-icon-delete"></i>
                   </span>
                 </el-option>
diff --git a/nezha-fronted/src/components/page/asset/moduleListPop.vue b/nezha-fronted/src/components/page/asset/moduleListPop.vue
index 1272c8e2a..c5b0eafe6 100644
--- a/nezha-fronted/src/components/page/asset/moduleListPop.vue
+++ b/nezha-fronted/src/components/page/asset/moduleListPop.vue
@@ -1,14 +1,14 @@
 <template>
   <el-popover :placement="placement" width="300" @hide="hidePop" ref="moduleListPop" v-model="popBox.show">
     <div class="pop-top-btns">
-      <button type="button" @click="show(false)" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
+      <button type="button" @click="show(false)" id="module-show" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
         <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
       </button>
     </div>
     <div class="pop-title">{{$t('project.module.module')}}</div>
     <div class="pop-item-wider">
       <el-input size="mini" v-model="pageObj.name" style="margin-bottom: 10px; width: calc(100% - 30px);"></el-input>
-      <button @click="getModuleList" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square"><i class="el-icon-search"></i></button>
+      <button @click="getModuleList" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="module-search"><i class="el-icon-search" ></i></button>
       <el-table
         :data="moduleList"
         border
@@ -18,7 +18,7 @@
       >
         <el-table-column>
           <template slot-scope="scope" :column="item">
-            <span class="link" @click="$emit('openModuleBox', scope.row)">{{scope.row.name}}</span>
+            <span class="link" @click="$emit('openModuleBox', scope.row)" :id="'module-openbox-'+scope.row.id">{{scope.row.name}}</span>
           </template>
         </el-table-column>
       </el-table>
diff --git a/nezha-fronted/src/components/page/config/account.vue b/nezha-fronted/src/components/page/config/account.vue
index 1b38d9e89..2c6c4aff3 100644
--- a/nezha-fronted/src/components/page/config/account.vue
+++ b/nezha-fronted/src/components/page/config/account.vue
@@ -9,12 +9,12 @@
             <div class="sidebar-title">Config</div>
             <div class="sidebar-info">
                 <div class="sidebar-info-item sidebar-info-top sidebar-info-item-active">{{$t('config.account.account')}}</div>
-                <div class="sidebar-info-item" @click="jumpTo('promServer')">{{$t('config.promServer.promServerList')}}</div>
+                <div class="sidebar-info-item" @click="jumpTo('promServer')" id="account-jump-promserver">{{$t('config.promServer.promServerList')}}</div>
             </div>
         </div>
         <div class="content-right">
             <div class="top-tools">
-              <button type="button" @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
+              <button type="button" @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right" id="account-add">
                 <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
               </button>
               <div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
@@ -34,7 +34,7 @@
                 >
                     <template slot="header" slot-scope="scope">
                         <span v-if="index==0">
-                            <span @click.stop="elementsetShow('shezhi',$event)">
+                            <span @click.stop="elementsetShow('shezhi',$event)" id="account-tab-set">
                                 <i class="el-icon-setting"></i>
                             </span>
                             <span>{{item.label}}</span>
@@ -45,9 +45,9 @@
                     </template>
                     <template slot-scope="scope" :column="item">
                         <div v-if="item.prop == 'option'" class="content-right-options">
-                            <span @click="del(scope.row)" class="content-right-option"><i class="el-icon-delete"></i></span>
-                            <span @click="detail(scope.row)" class="content-right-option"><i class="el-icon-view"></i></span>
-                            <span @click="edit(scope.row)" class="content-right-option"><i class="el-icon-edit-outline"></i></span>
+                            <span @click="del(scope.row)" class="content-right-option" :id="'account-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
+                            <span @click="detail(scope.row)" class="content-right-option" :id="'account-detail-'+scope.row.id"><i class="el-icon-view"></i></span>
+                            <span @click="edit(scope.row)" class="content-right-option" :id="'account-edit-'+scope.row.id"><i class="el-icon-edit-outline"></i></span>
                         </div>
                         <span v-else-if="item.prop == 'lang'">
                             {{scope.row[item.prop] == 'en' ? 'English' : ''}}
@@ -77,15 +77,15 @@
             <div class="right-box right-box-account" v-if="rightBox.show">
                 <!-- begin--顶部按钮-->
                 <div class="right-box-top-btns">
-                  <button type="button" v-if="user.userId != ''" @click="del(user)" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+                  <button type="button" v-if="user.userId != ''" @click="del(user)" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="account-edit-del">
                     <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
                   </button>
-                  <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+                  <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="account-edit-save">
                     <span v-if="rightBox.isEdit" class="top-tool-btn-txt">{{$t('overall.save')}}</span>
                     <span v-else class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
                   </button>
 
-                  <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+                  <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="account-edit-esc">
                     <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                   </button>
                 </div>
diff --git a/nezha-fronted/src/components/page/config/promServer.vue b/nezha-fronted/src/components/page/config/promServer.vue
index 95b9424e5..4b2990cd8 100644
--- a/nezha-fronted/src/components/page/config/promServer.vue
+++ b/nezha-fronted/src/components/page/config/promServer.vue
@@ -8,13 +8,13 @@
         <div class="content-left">
             <div class="sidebar-title">{{$t('config.config')}}</div>
             <div class="sidebar-info">
-                <div class="sidebar-info-item sidebar-info-top" @click="jumpTo('account')">{{$t('config.account.account')}}</div>
+                <div class="sidebar-info-item sidebar-info-top" @click="jumpTo('account')" id="prom-jump-account">{{$t('config.account.account')}}</div>
                 <div class="sidebar-info-item sidebar-info-item-active">{{$t('config.promServer.promServerList')}}</div>
             </div>
         </div>
         <div class="content-right">
             <div class="top-tools">
-              <button @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
+              <button @click="toAdd" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right" id="prom-add">
                 <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
               </button>
               <div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
@@ -23,7 +23,7 @@
                 <el-table-column :resizable="false" v-for="(item, index) in tablelable" v-if="item.show" :width="item.width" :key="`col-${index}`" :label="item.label">
                     <template slot="header" slot-scope="scope">
                         <span v-if="index==0">
-                            <span @click.stop="elementsetShow('shezhi',$event)">
+                            <span @click.stop="elementsetShow('shezhi',$event)" id="prom-tab-set">
                                 <i class="el-icon-setting"></i>
                             </span>
                             <span>{{item.label}}</span>
@@ -45,9 +45,9 @@
                             {{scope.row[item.prop] == '2' ? 'Per-Datacenter' : ''}}
                         </span>
                         <div v-else-if="item.prop == 'option'" class="content-right-options">
-                            <span @click="del(scope.row)" class="content-right-option"><i class="el-icon-delete"></i></span>
-                            <span @click="detail(scope.row)" class="content-right-option"><i class="el-icon-view"></i></span>
-                            <span @click="toEdit(scope.row)" class="content-right-option"><i class="el-icon-edit-outline"></i></span>
+                            <span @click="del(scope.row)" class="content-right-option" :id="'prom-tab-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
+                            <span @click="detail(scope.row)" class="content-right-option" :id="'prom-tab-detail-'+scope.row.id"><i class="el-icon-view"></i></span>
+                            <span @click="toEdit(scope.row)" class="content-right-option" :id="'prom-tab-edit-'+scope.row.id"><i class="el-icon-edit-outline"></i></span>
                         </div>
                         <span v-else>{{scope.row[item.prop]}}</span>
                     </template>
@@ -60,15 +60,15 @@
             <div class="right-box right-box-prom" v-if="rightBox.show">
                 <!-- begin--顶部按钮-->
               <div class="right-box-top-btns">
-                <button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" class="nz-btn nz-btn-size-normal nz-btn-style-light">
+                <button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" id="prom-edit-del" class="nz-btn nz-btn-size-normal nz-btn-style-light">
                   <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
                 </button>
-                <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
+                <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="prom-edit-save">
                   <span v-if="rightBox.isEdit" class="top-tool-btn-txt">{{$t('overall.save')}}</span>
                   <span v-else class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
                 </button>
 
-                <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
+                <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="prom-edit-esc">
                   <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
                 </button>
               </div>
@@ -85,14 +85,14 @@
                   <el-form-item label="DC"  prop="idc.name">
                     <div class="right-box-form-content">
                     <el-select class="right-box-row-with-btn" value-key="id" popper-class="config-dropdown" v-model="promServer.idc" placeholder="" v-if="rightBox.isEdit" size="small">
-                      <el-option @click.native="blurEditIdc()" v-for="item in idcData" :key="item.id" :label="item.name" :value="item">
+                      <el-option @click.native="blurEditIdc()" v-for="item in idcData" :key="item.id" :label="item.name" :value="item" :id="'prom-edit-idc-op-'+item.id">
                         <span class="config-dropdown-label-txt">{{item.name}}</span>
                         <idc-config-box :post-idc="item" placement="left" @after="getIdcData" :button-class="'config-dropdown-btn'">
                           <template v-slot:optionZone>
                             <i class="el-icon-edit-outline"></i>
                           </template>
                         </idc-config-box>
-                        <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="toDelIdc(item)"><i class="el-icon-delete"></i></span>
+                        <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="toDelIdc(item)" :id="'prom-edit-idc-op-del-'+item.id"><i class="el-icon-delete"></i></span>
                       </el-option>
                     </el-select>
 
@@ -118,9 +118,9 @@
                   <!--type-->
                   <el-form-item :label="$t('config.promServer.type')" prop="type">
                     <el-select popper-class="config-dropdown" v-model="promServer.type" placeholder="" v-if="rightBox.isEdit" size="small">
-                      <el-option v-for="item in typeData" :key="item.key" :label="item.value" :value="item.key"></el-option>
+                      <el-option v-for="item in typeData" :key="item.key" :label="item.value" :value="item.key" :id="'prom-edit-type-op-'+item.key"></el-option>
                     </el-select>
-                    <div v-for="item in typeData" v-if="!rightBox.isEdit && item.key == promServer.type" class="right-box-form-content-txt">{{item.value}}</div>
+                    <div v-for="item in typeData" v-if="!rightBox.isEdit && item.key == promServer.type" :id="'prom-edit-type-op-del-'+item.key" class="right-box-form-content-txt">{{item.value}}</div>
                   </el-form-item>
                 </el-form>
               </el-scrollbar>
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index 3d5f52845..f02f3d125 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/nezha-fronted/src/components/page/project/project.vue
@@ -8,9 +8,10 @@
           class="sidebar-info-item"
           :class="{'sidebar-info-item-active': item.id == currentModule.id}"
           @click="changeModule(item)"
+          :id="'project-module-'+item.id"
         >
           {{item.name}}
-          <div class="side-bar-menu-edit" @click.stop="toEditModule(item)"><i class="el-icon-edit-outline"></i></div>
+          <div class="side-bar-menu-edit" @click.stop="toEditModule(item)" :id="'project-module-edit-'+item.id"><i class="el-icon-edit-outline"></i></div>
         </div>
       </div>
     </div>
@@ -60,7 +61,7 @@
             <span>{{$t('project.metrics.metrics')}}</span>
           </button>
         </div>
-        <button @click="toCreateEndpoint" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right">
+        <button @click="toCreateEndpoint" class="nz-btn nz-btn-size-normal nz-btn-style-normal float-right" id="project-add-ep">
           <span>{{$t('overall.add')}}</span>
         </button>
         <div class="top-tool-search float-right"><search-input :searchMsg="endpointSearchMsg" @search="endpointSearch" ref="projectSearch"></search-input></div>
@@ -80,7 +81,7 @@
         >
           <template slot="header" slot-scope="scope">
               <span v-if="index==0">
-                <span @click.stop="elementsetShow('shezhi',$event)">
+                <span @click.stop="elementsetShow('shezhi',$event)" id="project-ep-tab-set">
                     <i class="el-icon-setting"></i>
                 </span>
                 <span>{{item.label}}</span>
@@ -94,9 +95,9 @@
             <span v-else-if="item.prop == 'param'">
               <span v-for="p in scope.row.paramObj">{{p.key}}={{p.value}}，</span>
             </span>
-            <div v-else-if="item.prop == 'option'" class="content-right-options">
-              <span @click.stop="endpointDetail(scope.row)" class="content-right-option"><i class="el-icon-view"></i></span>
-              <span @click.stop="toEditEndpoint(scope.row)" class="content-right-option"><i class="el-icon-edit-outline"></i></span>
+            <div v-else-if="item.prop == 'option'" class="content-right-options" :id="'project-ep-op-'+scope.row.id">
+              <span @click.stop="endpointDetail(scope.row)" class="content-right-option" ><i class="el-icon-view"></i></span>
+              <span @click.stop="toEditEndpoint(scope.row)" class="content-right-option" ><i class="el-icon-edit-outline"></i></span>
             </div>
             <span v-else-if="item.prop == 'lastUpdate'">{{dateFormat(scope.row.lastUpdate)}}</span>
             <span v-else-if="item.prop == 'state'" :style="{color: scope.row.state == 0 ? 'red' : (scope.row.state == 0 ? 'green' : '')}">{{scope.row.state == 1 ? 'up' : ''}}{{scope.row.state == 0 ? 'down' : ''}}</span>