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/app.js

@@ -16,6 +16,8 @@ require('./bootstrap');
 $('select.selectize').selectize({ maxItems: 3 });
 $('textarea.wysiwyg').markdown({ iconlibrary: 'fa' });
 
-// const app = new Vue({
-//     el: '#app'
-// });
+Vue.component('like', require('./components/Like.vue'));
+
+const app = new Vue({
+    el: '#app'
+});

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

@@ -71,19 +71,11 @@
                                 <a class="btn btn-danger btn-xs" href="#" data-toggle="modal" data-target="#deleteReply{{ $reply->id() }}">Delete</a>
                             </div>
                         @endcan
+                        @auth
                             <div class="thread-info-likes">
-                                @if(!$reply->isLikedBy(auth()->user()))
-                                    {{ Form::open(['route' => ['replies.like', $reply], 'method' => 'PUT']) }}
-                                    <span>{{$reply->likes_count}}</span>
-                                    {{ Form::submit('like', ['class' => 'btn btn-xs btn-success']) }}
-                                    {{ Form::close() }}
-                                @else
-                                    {{ Form::open(['route' => ['replies.dislike', $reply], 'method' => 'DELETE']) }}
-                                    <span>{{$reply->likes_count}}</span>
-                                    {{ Form::submit('dislike', ['class' => 'btn btn-xs btn-danger']) }}
-                                    {{ Form::close() }}
-                                @endif
+                                <like></like>
                             </div>
+                        @endauth
                     </div>
 
                     <div class="panel-body forum-content">

resources/views/layouts/default.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.base')
 
 @section('body')
-    <div class="container">
+    <div id="app" class="container">
         @include('layouts._alerts')
 
         @yield('content')

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));
     }
 }

tests/Feature/ReplyTest.php

@@ -78,16 +78,4 @@ public function users_cannot_mark_a_reply_as_the_solution_of_the_thread_if_they_
         $this->put('/forum/the-first-thread/mark-solution/'.$reply->id())
             ->assertForbidden();
     }
-
-    /** @test */
-    public function user_can_like_a_reply()
-    {
-        $user = factory(User::class)->create();
-
-        $thread = factory(Thread::class)->create(['author_id' => $user->id(), 'slug' => 'the-first-thread']);
-        $reply = factory(Reply::class)->create(['replyable_id' => $thread->id()]);
-
-        $this->put('/forum/the-first-thread/'.$reply->id().'/like');
-            //->assertForbidden();
-    }
 }