All files / src/__tests__/components Fetch.vue

100% Statements 5/5
100% Branches 0/0
100% Functions 3/3
100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35                      1x                   1x         1x 1x   1x          
<template>
  <div>
    <button @click="fetch" data-testid="load-greeting">
      Fetch
    </button>
    <span v-if="data" data-testid="greeting-text">{{ data.greeting }}</span>
    {{ data ?  : null}
  </div>
</template>
 
<script>
import axios from 'axios'
 
export default {
  props: {
    url: {
      type: String,
      required: true
    }
  },
  data () {
    return {
      data: null
    }
  },
  methods: {
    fetch () {
      axios
        .get(this.url)
        .then(response => this.data = response.data)      
    }
  }
}
</script>