All files / tests/__tests__/components Login.vue

100% Statements 2/2
100% Branches 0/0
100% Functions 2/2
100% Lines 2/2

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 36 37 38 39 40 41 42 43 44 45 46 47                                                              1x             1x                
<template>
  <div>
    <form @submit.prevent="submit">
      <label for="username-input">Username</label>
      <input
        id="username-input"
        v-model="username"
        placeholder="Username..."
        name="username" >
      <label id="password-label">Password</label>
      <input
        v-model="password"
        placeholder="Password..."
        type="password"
        name="password"
        aria-labelledby="password-label"
      >
      <button type="submit">Submit</button>
    </form>
  </div>
</template>
 
<script>
export default {
  props: {
    onSubmit: {
      type: Function,
      required: true
    }
  },
  data () {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    submit () {
      this.onSubmit({
        username: this.username,
        password: this.password
      })
    }
  }
}
</script>