diff --git a/frontend/src/business/components/api/test/components/assertion/ApiAssertionRegex.vue b/frontend/src/business/components/api/test/components/assertion/ApiAssertionRegex.vue
index 512455c783..cf131f252b 100644
--- a/frontend/src/business/components/api/test/components/assertion/ApiAssertionRegex.vue
+++ b/frontend/src/business/components/api/test/components/assertion/ApiAssertionRegex.vue
@@ -39,7 +39,8 @@
         default: false
       },
       index: Number,
-      list: Array
+      list: Array,
+      callback: Function
     },
 
     data() {
@@ -51,6 +52,7 @@
     methods: {
       add: function () {
         this.list.push(new Regex(this.regex));
+        this.callback();
       },
       remove: function () {
         this.list.splice(this.index, 1);
diff --git a/frontend/src/business/components/api/test/components/assertion/ApiAssertionResponseTime.vue b/frontend/src/business/components/api/test/components/assertion/ApiAssertionResponseTime.vue
index f19e509bcb..a9b87ef161 100644
--- a/frontend/src/business/components/api/test/components/assertion/ApiAssertionResponseTime.vue
+++ b/frontend/src/business/components/api/test/components/assertion/ApiAssertionResponseTime.vue
@@ -21,7 +21,8 @@
 
     props: {
       edit: Boolean,
-      duration: ResponseTime
+      duration: ResponseTime,
+      callback: Function
     },
 
     data() {
@@ -34,6 +35,7 @@
       add: function () {
         setTimeout(() => {
           this.duration.value = this.time;
+          this.callback();
         })
       },
       remove: function () {
diff --git a/frontend/src/business/components/api/test/components/assertion/ApiAssertionText.vue b/frontend/src/business/components/api/test/components/assertion/ApiAssertionText.vue
index 160b22d870..61933858fa 100644
--- a/frontend/src/business/components/api/test/components/assertion/ApiAssertionText.vue
+++ b/frontend/src/business/components/api/test/components/assertion/ApiAssertionText.vue
@@ -37,7 +37,8 @@
     name: "MsApiAssertionText",
 
     props: {
-      list: Array
+      list: Array,
+      callback: Function
     },
 
     data() {
@@ -52,6 +53,7 @@
     methods: {
       add: function () {
         this.list.push(this.toRegex());
+        this.callback();
       },
       toRegex: function () {
         let expression = "";
diff --git a/frontend/src/business/components/api/test/components/assertion/ApiAssertions.vue b/frontend/src/business/components/api/test/components/assertion/ApiAssertions.vue
index 21d3218b7b..c5b787a91c 100644
--- a/frontend/src/business/components/api/test/components/assertion/ApiAssertions.vue
+++ b/frontend/src/business/components/api/test/components/assertion/ApiAssertions.vue
@@ -10,9 +10,10 @@
         </el-select>
       </el-col>
       <el-col :span="20">
-        <ms-api-assertion-text :list="assertions.regex" v-if="type === options.TEXT"/>
-        <ms-api-assertion-regex :list="assertions.regex" v-if="type === options.REGEX"/>
-        <ms-api-assertion-response-time :duration="assertions.duration" v-if="type === options.RESPONSE_TIME"/>
+        <ms-api-assertion-text :list="assertions.regex" v-if="type === options.TEXT" :callback="after"/>
+        <ms-api-assertion-regex :list="assertions.regex" v-if="type === options.REGEX" :callback="after"/>
+        <ms-api-assertion-response-time :duration="assertions.duration" v-if="type === options.RESPONSE_TIME"
+                                        :callback="after"/>
       </el-col>
     </el-row>
 
@@ -41,7 +42,14 @@
         options: ASSERTION_TYPE,
         type: "",
       }
+    },
+
+    methods: {
+      after() {
+        this.type = "";
+      }
     }
+
   }
 </script>
 
diff --git a/frontend/src/business/components/api/test/components/extract/ApiExtract.vue b/frontend/src/business/components/api/test/components/extract/ApiExtract.vue
index fe9ea52f9f..3d8c7ad871 100644
--- a/frontend/src/business/components/api/test/components/extract/ApiExtract.vue
+++ b/frontend/src/business/components/api/test/components/extract/ApiExtract.vue
@@ -13,7 +13,7 @@
         </el-select>
       </el-col>
       <el-col :span="20">
-        <ms-api-extract-common :extract-type="type" :list="list" v-if="type"/>
+        <ms-api-extract-common :extract-type="type" :list="list" v-if="type" :callback="after"/>
       </el-col>
     </el-row>
 
@@ -45,6 +45,12 @@
       }
     },
 
+    methods: {
+      after() {
+        this.type = "";
+      }
+    },
+
     computed: {
       list() {
         switch (this.type) {
diff --git a/frontend/src/business/components/api/test/components/extract/ApiExtractCommon.vue b/frontend/src/business/components/api/test/components/extract/ApiExtractCommon.vue
index b4a0f83b36..5056f92710 100644
--- a/frontend/src/business/components/api/test/components/extract/ApiExtractCommon.vue
+++ b/frontend/src/business/components/api/test/components/extract/ApiExtractCommon.vue
@@ -41,7 +41,8 @@
         default: false
       },
       index: Number,
-      list: Array
+      list: Array,
+      callback: Function
     },
 
     data() {
@@ -54,6 +55,7 @@
       add() {
         this.list.push(new ExtractCommon(this.extractType, this.common));
         this.clear();
+        this.callback();
       },
       change(variable) {
         this.common.value = "${" + variable + "}";