feat: refetch output on test status change

Akryum · Dec 21, 2021 · e025ee4 · e025ee4
1 parent d787ef5
commit e025ee4
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/peeky-client/src/features/test/TestOutput.vue b/packages/peeky-client/src/features/test/TestOutput.vue
@@ -3,7 +3,7 @@
 import { useQuery, useResult } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
 import { useRoute } from 'vue-router'
-import { defineProps, onMounted, ref } from 'vue'
+import { defineProps, onMounted, ref, watch } from 'vue'
 import Terminal from '../terminal/Terminal.vue'
 
 const route = useRoute()
@@ -20,7 +20,7 @@ const props = defineProps({
   },
 })
 
-const { result } = useQuery(() => gql`
+const { result, refetch } = useQuery(() => gql`
   query testLogs ($runId: ID!, $suiteId: ID!, $testId: ID!) {
     run (id: $runId) {
       id
@@ -46,6 +46,12 @@ const { result } = useQuery(() => gql`
 
 const logs = useResult(result, [], data => data.run.testSuite.test.logs)
 
+watch(() => props.test.status, () => {
+  refetch()
+})
+
+// Fonts
+
 const fontsLoaded = ref(false)
 onMounted(async () => {
   await document.fonts.load('14px "Fira Code"')