Test for default values when using libraries

Author: pascalbaljet

app/app/Http/Controllers/FormComponentsController.php

@@ -71,6 +71,22 @@ public function libraries()
         return view('form.components.libraries', ['countries' => $this->countries()]);
     }
 
+    public function libraryDefaults()
+    {
+        return view('form.components.libraryDefaults', [
+            'defaults' => [
+                'biography' => 'Voluptate ea culpa proident proident qui nostrud non ea irure ullamco in non reprehenderit.',
+                'country'   => 'NL',
+                'countries' => ['BE', 'NL'],
+                'date'      => '2022-07-22',
+                'time'      => '13:37',
+                'datetime'  => '2022-07-22 13:37',
+                'daterange' => '2022-07-22 to 2022-08-22',
+            ],
+            'countries' => $this->countries(),
+        ]);
+    }
+
     public function custom()
     {
         return view('form.components.custom', ['countries' => $this->countries()]);

app/resources/views/form/components/libraryDefaults.blade.php

@@ -0,0 +1,30 @@
+@extends('layout')
+
+@section('content')
+
+FormComponents
+
+<div class="max-w-sm mx-auto px-4">
+    <x-splade-form
+        class="space-y-4"
+        :action="route('form.components.submit')"
+        :default="$defaults"
+    >
+        <x-splade-textarea name="biography" placeholder="Your Bio" autosize />
+
+        <x-splade-select name="country" :options="$countries" placeholder="Select your country" choices />
+        <p class="mb-4" v-if="form.country">Selected country: <span v-text="form.country"></span></p>
+
+        <x-splade-select name="countries[]" :options="$countries" placeholder="Select your countries" multiple choices />
+        <p class="mb-4" v-if="form.countries.length">Selected countries: <span v-text="form.countries.join(', ')"></span></p>
+
+        <x-splade-input placeholder="Date" name="date" date />
+        <x-splade-input placeholder="Time" name="time" time />
+        <x-splade-input placeholder="Datetime" name="datetime" date time />
+        <x-splade-input placeholder="Date Range" name="daterange" date range />
+
+        <x-splade-submit />
+    </x-splade-form>
+</div>
+
+@endsection

app/routes/web.php

@@ -77,6 +77,7 @@
 
     Route::get('form/components/simple', [FormComponentsController::class, 'simple'])->name('form.components.simple');
     Route::get('form/components/libraries', [FormComponentsController::class, 'libraries'])->name('form.components.libraries');
+    Route::get('form/components/libraryDefaults', [FormComponentsController::class, 'libraryDefaults'])->name('form.components.libraryDefaults');
     Route::get('form/components/custom', [FormComponentsController::class, 'custom'])->name('form.components.custom');
     Route::get('form/components/defaults', [FormComponentsController::class, 'defaults'])->name('form.components.defaults');
     Route::get('form/components/defaultJson', [FormComponentsController::class, 'defaultJson'])->name('form.components.defaultJson');

app/tests/Browser/Form/LibrariesTest.php

@@ -8,6 +8,23 @@
 
 class LibrariesTest extends DuskTestCase
 {
+    /** @test */
+    public function it_select_the_default_values()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('form/components/libraryDefaults')
+                ->waitForText('FormComponents')
+                ->assertInputValue('biography', 'Voluptate ea culpa proident proident qui nostrud non ea irure ullamco in non reprehenderit.')
+                ->assertSeeIn('div[data-select-name="country"] .choices__item--selectable', 'Netherlands')
+                ->assertSeeIn('div[data-select-name="countries[]"] .choices__list--multiple', 'Belgium')
+                ->assertSeeIn('div[data-select-name="countries[]"] .choices__list--multiple', 'Netherlands')
+                ->assertInputValue('date', '2022-07-22')
+                ->assertInputValue('time', '13:37')
+                ->assertInputValue('datetime', '2022-07-22 13:37')
+                ->assertInputValue('daterange', '2022-07-22 to 2022-08-22');
+        });
+    }
+
     /** @test */
     public function it_can_autosize_the_textarea()
     {