Important! event should be implements ShouldBroadcast

app/Events/LongRunJobDone.php

@@ -4,10 +4,11 @@ namespace App\Events;
 
 use Illuminate\Broadcasting\Channel;
 use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
 use Illuminate\Foundation\Events\Dispatchable;
 use Illuminate\Queue\SerializesModels;
 
-class LongRunJobDone
+class LongRunJobDone implements ShouldBroadcast
 {
     public $message;
 

app/Jobs/LongRunJob.php

@@ -20,8 +20,9 @@ class LongRunJob implements ShouldQueue
      */
     public function handle()
     {
-        sleep(3);
+        $seconds = 5;
+        sleep($seconds);
 
-        event(new LongRunJobDone('Long run job done.'));
+        event(new LongRunJobDone('Long run job done after '.$seconds.' seconds.'));
     }
 }

public/js/app.js.LICENSE.txt

@@ -1,3 +1,11 @@
+/*!
+ * Pusher JavaScript Library v6.0.3
+ * https://pusher.com/
+ *
+ * Copyright 2020, Pusher
+ * Released under the MIT licence.
+ */
+
 /**
  * @license
  * Lodash <https://lodash.com/>

resources/js/bootstrap.js

@@ -30,7 +30,7 @@ window.Echo = new Echo({
     disableStats: false
 });
 
-Pusher.log = function(message)
-{
-    window.console.log(message)
-}
+// Pusher.log = function(message)
+// {
+//     window.console.log(message)
+// }

resources/views/welcome.blade.php

@@ -103,7 +103,12 @@
     <script>
         Echo.channel('queue-notifier')
             .listen('.App\\Events\\LongRunJobDone', (e) => {
-                console.log(e);
+                noty({
+                    type: 'success',
+                    layout: 'bottomRight',
+                    text: e.message,
+                    timeout: 5000
+                });
             });
     </script>
     @if (Session::has('flash_notification.message'))