<div>Sigo avanzado con L8</div>

<div>Esto de los test es todo un tema... No puedo solucionar este error, y ya revise el codigo LikeBtn.Vue </div>

<pre>[Vue warn]: Invalid prop: type check failed for prop "model". Expected Object, got Array 

found in

---&gt; &lt;LikeBtn&gt; at resources/js/components/LikeBtn.vue
 &lt;StatusListItem&gt; at resources/js/components/StatusListItem.vue
 &lt;StatusList&gt; at resources/js/components/StatusList.vue
 &lt;Root&gt;</pre>

<div> </div>

<pre>&lt;script&gt;
export default {
 props: {
 model: {
 type: Object,
 required: true
 },
 url: {
 type: String,
 required: true
 }
 },
 methods: {
 toggle() {
 let method = this.model.is_liked ? "delete" : "post";
 axios[method](this.url).then(res =&gt; {
 this.model.is_liked = !this.model.is_liked;
 if (method === "post") {
 this.model.likes_count++;
 } else {
 this.model.likes_count--;
 }
 });
 }
 },
 computed: {
 getText() {
 return this.model.is_liked ? "Te gusta" : "Me gusta";
 },
 getBtnClasses() {
 return [
 this.model.is_liked ? "font-weight-bold" : "",
 "btn",
 "btn-link",
 "btn-sm"
 ];
 },
 getIconClasses() {
 return [
 this.model.is_liked ? "fa" : "far",
 "fa-thumbs-up",
 "text-primary",
 "mr-1"
 ];
 }
 }
};
&lt;/script&gt;</pre>

<div>Esto de los test es todo un tema... No puedo solucionar este error, y ya revise el codigo LikeBtn.Vue </div><pre>[Vue warn]: Invalid prop: type check failed for prop "model". Expected Object, got Array 

found in

---&gt; &lt;LikeBtn&gt; at resources/js/components/LikeBtn.vue
 &lt;StatusListItem&gt; at resources/js/components/StatusListItem.vue
 &lt;StatusList&gt; at resources/js/components/StatusList.vue
 &lt;Root&gt;</pre><div> </div><pre>&lt;script&gt;
export default {
 props: {
 model: {
 type: Object,
 required: true
 },
 url: {
 type: String,
 required: true
 }
 },
 methods: {
 toggle() {
 let method = this.model.is_liked ? "delete" : "post";
 axios[method](this.url).then(res =&gt; {
 this.model.is_liked = !this.model.is_liked;
 if (method === "post") {
 this.model.likes_count++;
 } else {
 this.model.likes_count--;
 }
 });
 }
 },
 computed: {
 getText() {
 return this.model.is_liked ? "Te gusta" : "Me gusta";
 },
 getBtnClasses() {
 return [
 this.model.is_liked ? "font-weight-bold" : "",
 "btn",
 "btn-link",
 "btn-sm"
 ];
 },
 getIconClasses() {
 return [
 this.model.is_liked ? "fa" : "far",
 "fa-thumbs-up",
 "text-primary",
 "mr-1"
 ];
 }
 }
};
&lt;/script&gt;</pre>

<div>jajaja ups!!! el error estaba en StatysLisItem.vue y habia declarado: </div>

<pre>&lt;like-btn dusk="comment-like-btn" :url="`/comments/${comments.id}/likes`" :model="comments"&gt;&lt;/like-btn&gt;</pre>

<div>Cuando realmente debe de ser :model="comment" </div>

<pre>&lt;like-btn dusk="comment-like-btn" :url="`/comments/${comments.id}/likes`" :model="comment"&gt;&lt;/like-btn&gt;</pre>

<div>jajaja ups!!! el error estaba en StatysLisItem.vue y habia declarado: </div><pre>&lt;like-btn dusk="comment-like-btn" :url="`/comments/${comments.id}/likes`" :model="comments"&gt;&lt;/like-btn&gt;</pre><div>Cuando realmente debe de ser :model="comment" </div><pre>&lt;like-btn dusk="comment-like-btn" :url="`/comments/${comments.id}/likes`" :model="comment"&gt;&lt;/like-btn&gt;</pre>

<div>Me sigue dando problemas este Test UsersCanLikeCommentsTest, me pase el UsersCanLikeStatusesTest 1) Tests\Browser\UsersCanLikeCommentsTest::users_can_like_and_unlike_comment Did not see expected text [0] within element [body [dusk="comment-likes-count"]]. Failed asserting that false is true.</div>

<div> </div>

<pre>public function users_can_like_and_unlike_comment()
 {
 /** Una solucion al test es diffForHumans(), una diferencia cuando se le da like y cuando se quita. */
 $user = factory(User::class)-&gt;create();
 $comment = factory(Comment::class)-&gt;create();

 $this-&gt;browse(function (Browser $browser) use ($user, $comment) {
 $browser-&gt;loginAs($user)
 -&gt;visit('/')
 -&gt;waitForText($comment-&gt;body, 5)
 -&gt;assertSeeIn('@comment-likes-count', 0)
 -&gt;press('@comment-like-btn')
 -&gt;waitForText('TE GUSTA')
 -&gt;assertSee('TE GUSTA')
 -&gt;assertSeeIn('@comment-likes-count', 1)

 -&gt;press('@comment-like-btn')
 -&gt;waitForText('ME GUSTA')
 -&gt;assertSee('ME GUSTA')
 -&gt;assertSeeIn('@comment-likes-count', 0)
 ;
 });
 }</pre>

<div>Me sigue dando problemas este Test UsersCanLikeCommentsTest, me pase el UsersCanLikeStatusesTest 1) Tests\Browser\UsersCanLikeCommentsTest::users_can_like_and_unlike_comment Did not see expected text [0] within element [body [dusk="comment-likes-count"]]. Failed asserting that false is true.</div><div> </div><pre>public function users_can_like_and_unlike_comment()
 {
 /** Una solucion al test es diffForHumans(), una diferencia cuando se le da like y cuando se quita. */
 $user = factory(User::class)-&gt;create();
 $comment = factory(Comment::class)-&gt;create();

 $this-&gt;browse(function (Browser $browser) use ($user, $comment) {
 $browser-&gt;loginAs($user)
 -&gt;visit('/')
 -&gt;waitForText($comment-&gt;body, 5)
 -&gt;assertSeeIn('@comment-likes-count', 0)
 -&gt;press('@comment-like-btn')
 -&gt;waitForText('TE GUSTA')
 -&gt;assertSee('TE GUSTA')
 -&gt;assertSeeIn('@comment-likes-count', 1)

 -&gt;press('@comment-like-btn')
 -&gt;waitForText('ME GUSTA')
 -&gt;assertSee('ME GUSTA')
 -&gt;assertSeeIn('@comment-likes-count', 0)
 ;
 });
 }</pre>

<div>Intenta incrementando la espera para ver si ese es el problema:</div>

<pre>-&gt;waitForText($status-&gt;body, 5)</pre>

<div>También revisa la carpeta tests/Browser/console y tests/Browser/screenshots para ver si hay algún otro error</div>

<div>Intenta incrementando la espera para ver si ese es el problema:</div><pre>-&gt;waitForText($status-&gt;body, 5)</pre><div>También revisa la carpeta tests/Browser/console y tests/Browser/screenshots para ver si hay algún otro error</div>

<div>Me dice en la linea 37  tengo el problema, que es esta, no hay nada en ests/Browser/console, y tests/Browser/screenshots aparece una captura pero todo esta bien, el comentario tiene 0 en los likes. </div>

<pre>-&gt;assertSeeIn('@comment-likes-count', 0)</pre>

<div> 1) Tests\Browser\UsersCanLikeCommentsTest::users_can_like_and_unlike_comment Did not see expected text [0] within element [body [dusk="comment-likes-count"]]. Failed asserting that false is true. C:\laragon\www\social-test\vendor\laravel\dusk\src\Concerns\MakesAssertions.php:173 C:\laragon\www\social-test\tests\Browser\UsersCanLikeCommentsTest.php:37 C:\laragon\www\social-test\vendor\laravel\dusk\src\Concerns\ProvidesBrowser.php:67 C:\laragon\www\social-test\tests\Browser\UsersCanLikeCommentsTest.php:39</div>

<div>Me dice en la linea 37&nbsp; tengo el problema, que es esta, no hay nada en ests/Browser/console, y tests/Browser/screenshots aparece una captura pero todo esta bien, el comentario tiene 0 en los likes. </div><pre>-&gt;assertSeeIn('@comment-likes-count', 0)</pre><div> 1) Tests\Browser\UsersCanLikeCommentsTest::users_can_like_and_unlike_comment Did not see expected text [0] within element [body [dusk="comment-likes-count"]]. Failed asserting that false is true. C:\laragon\www\social-test\vendor\laravel\dusk\src\Concerns\MakesAssertions.php:173 C:\laragon\www\social-test\tests\Browser\UsersCanLikeCommentsTest.php:37 C:\laragon\www\social-test\vendor\laravel\dusk\src\Concerns\ProvidesBrowser.php:67 C:\laragon\www\social-test\tests\Browser\UsersCanLikeCommentsTest.php:39</div>

<div>tengo el mismo problema, cuando ejecuto el test me aparece el mismo error pero cuando verifico en el navegador si funciona bien </div>

<div>tengo el mismo problema, cuando ejecuto el test me aparece el mismo error pero cuando verifico en el navegador si funciona bien </div>

Diseñando el botón Like de los comentarios

Componente de Vue.js reutilizable

Lo que vamos a construir

Introducción a TDD

Configurando PHPStorm

Cómo ejecutar tests

Nuestro primer test

URL para crear estados

URL para crear estados - Parte 2

Probando reglas de validación

Pruebas de navegador con Laravel Dusk

Diseñando la plantilla con Bootstrap 4

Probando el login

Diseñando el formulario de login

Componente para crear estados

Probando listado de estados

Probando el listado de estados con Dusk

Diseñando los estados

Testeando Recursos API

Implementando el recurso API

Obteniendo el usuario autenticado con Vue.js

Implementando "LIKES"

Testeando el botón ME GUSTA

Permitir quitar "LIKES"

Utilizando iconos fuente

Redirección con Javascript

Mostrando el conteo de likes

Flexbox con Bootstrap 4

Definiendo la URL para agregar comentarios

Recurso API para los comentarios

Reestructuración de componentes

Probando la caja de comentarios

Probando el listado de comentarios

Campos adicionales de los comentarios

Diseñando los comentarios

Validación de comentarios

Implementando "LIKES" a los comentarios

Likes polimórficos - Parte 1

Likes polimórficos - Parte 2

Qué son los traits y cómo utilizarlos

Cómo testear Traits

Testeando el botón ME GUSTA de los comentarios

Perfil de usuario

Recurso API para los usuarios

Modificando el registro de usuario

Testeando la validación de registro

Validando el username

Probando el registro con Dusk

Diseñando el perfil de usuario

Implementando solicitudes de amistad

Aceptar y denegar amistad

Componente de Vue para solicitar amistad

Cancelar solicitud con Vue.js

Aceptar solicitud con Vue.js

Denegar solicitud con Vue.js

Eliminar solicitud con Vue.js

Eliminar amistad con Vue.js

Actualizando a Laravel 5.7

Evitar solicitudes a sí mismo

Test de regresión

Cómo testear eventos

Cómo utilizar Laravel Echo

Configurando Pusher

Evitar estados duplicados

Animando listas con Vue.js

Comentarios en tiempo real - parte 1

Comentarios en tiempo real - parte 2

Reestructuración de comentarios - parte 1

Reestructuración de comentarios - parte 2

Reestructuración de Tests

Likes en tiempo real - parte 1

Likes en tiempo real - parte 2

Likes en tiempo real - parte 3

Likes en tiempo real - parte 4

Cómo testear Listeners

Cómo testear Notificaciones - parte 1

Cómo testear notificaciones - parte 2

Obteniendo las notificaciones

Mostrando las notificaciones

Marcar notificiaciones

Marcar notificaciones - parte 2

Marcar notificaciones - parte 3

Actualizando a Laravel 5.8

Notificaciones en tiempo real

Canales privados con Laravel Echo

Métodos abstractos

Scroll hacia un comentario

Notificación de comentarios

Notificación de comentarios en tiempo real

Reestructuración de controladores

Reestructuración de controladores - Parte 2

Diseñando las solicitudes de amistad

Mostrando el listado de amigos

Corrigiendo errores de Laravel Dusk

Diseñando el listado de amigos

Construyendo una red social con Laravel & TDD