Laravel Dusk Interactive Browser

Laravel Dusk is great for running end-to-end tests. By default dusk runs a headless browser in the background; however, if you want to view exactly what the browser is doing you will need to disable headless mode.

To do this you'll need to navigate to the file located at /tests/DuskTestCase.php and you'll need to find the lines that looks like this:

$options = (new ChromeOptions)->addArguments([
    '--disable-gpu',
    '--headless'
]);

and you will need to comment out the '--headless' line. Your file will most likely look like the following:

<?php

namespace Tests;

use Laravel\Dusk\TestCase as BaseTestCase;
use Facebook\WebDriver\Chrome\ChromeOptions;
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()
    {
        $options = (new ChromeOptions)->addArguments([
            '--disable-gpu',
            //'--headless'
        ]);

        return RemoteWebDriver::create(
            'http://localhost:9515', DesiredCapabilities::chrome()->setCapability(
                ChromeOptions::CAPABILITY, $options
            )
        );
    }
}

Now, if you were to run php artisan dusk you will be able to see your tests running in an interactive browser. This makes it easier to debug your testing suite. Hope that helps :)