like vue component and few tests

Author: BobbyBorisov

app/Helpers/HasLikes.php

@@ -1,10 +1,4 @@
 <?php
-/**
- * Created by PhpStorm.
- * User: bobbyborisov
- * Date: 12/3/17
- * Time: 1:51 PM
- */
 
 namespace App\Helpers;
 
@@ -27,7 +21,7 @@ public function likedBy(User $user)
 
     public function dislikedBy(User $user)
     {
-        $this->likes()->where('user_id', $user->id)->get()->first()->delete();
+        optional($this->likes()->where('user_id', $user->id)->get()->first())->delete();
     }
 
     public function likes()
@@ -37,6 +31,7 @@ public function likes()
 
     public function isLikedBy(User $user)
     {
+        if ($user == null) return false;
         return $this->likes()->where('user_id', $user->id)->exists();
     }
 

resources/assets/js/components/Like.vue

@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <span style="margin-right:3px">{{count}}</span><i class="fa" :class="classes" @click="toggle"></i>
+    </div>
+</template>
+
+<script>
+    export default {
+        data(){
+            return {
+                count:0,
+                isLiked: false
+            }
+        },
+        computed:{
+            classes(){
+                return this.isLiked ? 'fa-thumbs-down text-danger' : 'fa-thumbs-up text-success';
+            }
+        },
+        methods:{
+            toggle(){
+                return this.isLiked ? this.dislike() : this.like();
+            },
+            like(){
+                //axios call
+                console.log('like');
+                this.count++;
+                this.isLiked = true;
+            },
+            dislike(){
+                //axios call
+                console.log('dislike');
+                this.count--;
+                this.isLiked = false;
+            }
+        }
+    }
+</script>

resources/views/forum/threads/show.blade.php

@@ -122,6 +122,12 @@
                                 {{ Form::close() }}
                             @endif
                         </div>
+                        @endcan
+                        @auth
+                            <div class="thread-info-likes">
+                                <like></like>
+                            </div>
+                        @endauth
                     </div>
 
                     @include('_partials._delete_modal', [

tests/Components/Jobs/DeleteThreadTest.php

@@ -16,11 +16,12 @@ class DeleteThreadTest extends TestCase
     public function we_can_delete_a_thread_and_its_replies()
     {
         $thread = factory(Thread::class)->create();
-        factory(Reply::class)->create(['replyable_id' => $thread->id()]);
+        $reply = factory(Reply::class)->create(['replyable_id' => $thread->id()]);
 
         $this->dispatch(new DeleteThread($thread));
 
         $this->assertDatabaseMissing('threads', ['id' => $thread->id()]);
         $this->assertDatabaseMissing('replies', ['replyable_id' => $thread->id()]);
+        $this->assertDatabaseMissing('likes', ['liked_type' => get_class($reply), 'liked_id' => $reply->id()]);
     }
 }

tests/Components/Jobs/DislikeReplyTest.php

@@ -25,4 +25,20 @@ public function we_can_dislike_a_reply()
 
         $this->assertFalse($reply->fresh()->isLikedBy($user));
     }
+
+    /** @test */
+    public function we_cannot_dislike_a_reply()
+    {
+        $user = factory(User::class)->create();
+        $reply = factory(Reply::class)->create();
+
+        $reply->likedBy($user);
+        $this->assertTrue($reply->fresh()->isLikedBy($user));
+
+        $this->dispatch(new DislikeReply($reply, $user));
+
+        $this->dispatch(new DislikeReply($reply, $user));
+
+        //$this->assertFalse($reply->fresh()->isLikedBy($user));
+    }
 }

tests/Components/Jobs/LikeReplyTest.php

@@ -35,6 +35,7 @@ public function we_cannot_like_a_reply_twice()
         $this->assertTrue($reply->fresh()->isLikedBy($user));
 
         $this->expectException(CannotLikeReplyTwice::class);
+
         $this->dispatch(new LikeReply($reply, $user));
     }
 }