feat: show environment updates in test results

2022-02-19 06:08:08 +05:30
parent 59c6e21636
commit d246cf53d4
2 changed files with 61 additions and 1 deletions
--- a/packages/hoppscotch-app/components/http/TestResultEnv.vue
+++ b/packages/hoppscotch-app/components/http/TestResultEnv.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="flex items-center px-4 py-2">
+    <i class="mr-4 material-icons text-accentLight"> lock </i>
+    <span class="text-secondaryDark">
+      {{ env.key }}
+    </span>
+    <span class="text-secondaryDark">
+      {{ ` \xA0 — \xA0 ${env.value}` }}
+    </span>
+    <span class="text-secondaryLight">
+      {{ ` \xA0 ← \xA0 ${env.previousValue}` }}
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  env: {
+    key: string
+    value: string
+    previousValue: string
+  }
+}>()
+</script>