Add Laravel Dusk

Author: jplhomer

resources/assets/js/components/ChatComposer.vue

@@ -1,6 +1,6 @@
 <template lang="html">
   <div class="chat-composer">
-      <input type="text" placeholder="Start typing your message..." v-model="messageText" @keyup.enter="sendMessage">
+      <input id="message" type="text" placeholder="Start typing your message..." v-model="messageText" @keyup.enter="sendMessage">
       <button class="btn btn-primary" @click="sendMessage">Send</button>
   </div>
 </template>

tests/Browser/ExampleTest.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace Tests\Browser;
+
+use App\User;
+use Tests\DuskTestCase;
+use Laravel\Dusk\Chrome;
+use Illuminate\Foundation\Testing\DatabaseMigrations;
+
+class ExampleTest extends DuskTestCase
+{
+    use DatabaseMigrations;
+
+    /**
+     * A basic browser test example.
+     *
+     * @return void
+     */
+    public function testBasicExample()
+    {
+        $user1 = factory(User::class)->create([
+            'name' => 'John Doe'
+        ]);
+
+        $user2 = factory(User::class)->create([
+            'name' => 'Jane Doe'
+        ]);
+
+        $this->browse(function ($first, $second) use($user1, $user2) {
+            $first->loginAs($user1)
+                  ->visit('/chat')
+                  ->waitFor('.chat-composer');
+
+            $second->loginAs($user2)
+                   ->visit('/chat')
+                   ->waitFor('.chat-composer')
+                   ->type('#message', 'Hey John')
+                   ->press('Send');
+
+            $first->waitForText('Hey John')
+                  ->assertSee('Jane Doe');
+        });
+    }
+}

tests/Browser/Pages/HomePage.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace Tests\Browser\Pages;
+
+use Laravel\Dusk\Browser;
+
+class HomePage extends Page
+{
+    /**
+     * Get the URL for the page.
+     *
+     * @return string
+     */
+    public function url()
+    {
+        return '/';
+    }
+
+    /**
+     * Assert that the browser is on the page.
+     *
+     * @return void
+     */
+    public function assert(Browser $browser)
+    {
+        //
+    }
+
+    /**
+     * Get the element shortcuts for the page.
+     *
+     * @return array
+     */
+    public function elements()
+    {
+        return [
+            '@element' => '#selector',
+        ];
+    }
+}

tests/Browser/Pages/Page.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Tests\Browser\Pages;
+
+use Laravel\Dusk\Page as BasePage;
+
+abstract class Page extends BasePage
+{
+    /**
+     * Get the global element shortcuts for the site.
+     *
+     * @return array
+     */
+    public static function siteElements()
+    {
+        return [
+            '@element' => '#selector',
+        ];
+    }
+}

tests/Browser/screenshots/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

tests/DuskTestCase.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace Tests;
+
+use Laravel\Dusk\TestCase as BaseTestCase;
+use Facebook\WebDriver\Remote\RemoteWebDriver;
+use Facebook\WebDriver\Remote\DesiredCapabilities;
+
+abstract class DuskTestCase extends BaseTestCase
+{
+    use CreatesApplication;
+
+    /**
+     * Prepare for Dusk test execution.
+     *
+     * @beforeClass
+     * @return void
+     */
+    public static function prepare()
+    {
+        static::startChromeDriver();
+    }
+
+    /**
+     * Create the RemoteWebDriver instance.
+     *
+     * @return \Facebook\WebDriver\Remote\RemoteWebDriver
+     */
+    protected function driver()
+    {
+        return RemoteWebDriver::create(
+            'http://localhost:9515', DesiredCapabilities::chrome()
+        );
+    }
+}