DEV Community

Cover image for Generate Livewire Unit Test from Created Livewire Components
Nasrul Hazim Bin Mohamad
Nasrul Hazim Bin Mohamad

Posted on

2

Generate Livewire Unit Test from Created Livewire Components

My intention is to allow developers to generate all Livewire components unit test easily with one single command.

TLDR

Create a new artisan command:

php artisan make:command CreateLivewireTestCommand
Enter fullscreen mode Exit fullscreen mode

Then copy paste the following:

<?php

namespace App\Console\Commands;

use Livewire\Component as LivewireComponent;
use Symfony\Component\Finder\Finder;
use Illuminate\Console\Command;

class CreateLivewireTestCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'livewire:test';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Discover Livewire Components and Generate Unit Test';

    /**
     * Execute the console command.
     */
    public function handle()
    {
        $paths = [
            app_path('Livewire')
        ];

        foreach ((new Finder())->in($paths)->files() as $file) {
            $component = ucfirst(trim(
                str_replace(
                [realpath(base_path()), '.php']
            ,'', $file->getRealPath()), '/'
            ));
            $className = str_replace('/', '\\', $component);

            if (is_subclass_of($className, LivewireComponent::class)) {

                $directory = base_path(
                    'tests/Feature' . str_replace([app_path(), $file->getFilename()], '', $file->getRealPath())
                );
                $class = $file->getFilenameWithoutExtension();
                $filename = $class . 'Test.php';
                $filepath = $directory . DIRECTORY_SEPARATOR . $filename;

                if(! file_exists($directory)) {
                    mkdir($directory, 0777, true);
                }

                $content = "<?php

        use $className;
        use Livewire\Livewire;

        it('renders successfully', function () {
            Livewire::test($class::class)
                ->assertStatus(200);
        });
        ";

                if(file_exists($filepath)) {
                    unlink($filepath);
                }

                file_put_contents($filepath, $content);

                $this->info("Successfully created $className unit test.");
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

By setting up above class, you can generate Livewire unit test easily - the above class assuming you are:

  1. Using Pest - you can improve if option --phpunit provided, it will use PHP Unit class template instead of Pest template.
  2. Willing to overwrite the existing class if any (you can improve the above class by adding --force option - if --force is set, overwrite)

To run the command:

php artisan livewire:test
Enter fullscreen mode Exit fullscreen mode

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay