Tenemos el siguiente componente vue.js y el objetivo es probar article.title si funciona correctamente. Tenemos la clase de prueba Gridcard.spec.js para usar jest para probar. los datos () que se pasan desde el backend desde la clase Article tienen los siguientes atributos **article.id** **article.title** **article.text** **article.points**

 <template> <div class="col" v-for= " article in articles" v-bind:key= "article.lid" > <h5 class="card-title"> {{ article.title }}</h5> </div> </template> <script> export default { name: 'Gridcard', props: { title: String }, components: { }, data () { return { articles: [], } }, methods: { mounted () { const base = process.env.VUE_APP_BACKEND_BASE_URL + '/api/v1/article' const requestOptions = { method: 'GET', redirect: 'follow' } fetch(base, requestOptions) .then(response => response.json()) .then(result => result.forEach(article=> { this.articles.push(article) })) .catch(error => console.log('error', error)) } } </script> <style scoped> </style>