Added additional tests

Author: pascalbaljet

app/app/Http/Controllers/FormComponentsController.php

@@ -28,7 +28,35 @@ public function simple()
 
     public function checkboxes()
     {
-        return view('form.components.checkboxes', ['countries' => Arr::only($this->countries(), ['NL', 'BE', 'DE', 'DK', 'AU', 'PT', 'IT'])]);
+        return view('form.components.checkboxes', [
+            'countries' => Arr::only($this->countries(), ['NL', 'BE', 'DE', 'DK', 'AU', 'PT', 'IT']),
+        ]);
+    }
+
+    public function submitCheckboxes(Request $request)
+    {
+        $request->validate([
+            'countries'   => ['required', 'array', 'min:3'],
+            'countries.*' => ['required', 'string', Rule::in(array_keys($this->countries()))],
+        ]);
+
+        return redirect()->route('navigation.one');
+    }
+
+    public function radios()
+    {
+        return view('form.components.radios', [
+            'countries' => Arr::only($this->countries(), ['NL', 'BE', 'DE', 'DK', 'AU', 'PT', 'IT']),
+        ]);
+    }
+
+    public function submitRadios(Request $request)
+    {
+        $request->validate([
+            'country' => ['required', 'string', Rule::in(array_keys($this->countries()))],
+        ]);
+
+        return redirect()->route('navigation.one');
     }
 
     public function defaultJson()

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

@@ -6,12 +6,7 @@
 
 <div class="max-w-md mx-auto px-4 flex space-x-12">
     <x-splade-form class="space-y-4" :default="['countries' => ['BE', 'NL']]">
-        <x-splade-checkboxes name="countries[]" :options="$countries" label="Select one or more countries" />
-        <x-splade-submit />
-    </x-splade-form>
-
-    <x-splade-form class="space-y-4" :default="['country' => 'NL']">
-        <x-splade-radios name="country" :options="$countries" label="Select a country" />
+        <x-splade-checkboxes name="countries" :options="$countries" label="Select one or more countries" />
         <x-splade-submit />
     </x-splade-form>
 </div>

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

@@ -0,0 +1,14 @@
+@extends('layout')
+
+@section('content')
+
+FormRadios
+
+<div class="max-w-md mx-auto px-4 flex space-x-12">
+    <x-splade-form class="space-y-4" :default="['country' => 'NL']">
+        <x-splade-radios name="country" :options="$countries" label="Select a country" />
+        <x-splade-submit />
+    </x-splade-form>
+</div>
+
+@endsection

app/routes/web.php

@@ -85,6 +85,9 @@
 
     Route::get('form/components/simple', [FormComponentsController::class, 'simple'])->name('form.components.simple');
     Route::get('form/components/checkboxes', [FormComponentsController::class, 'checkboxes'])->name('form.components.checkboxes');
+    Route::post('form/components/checkboxes', [FormComponentsController::class, 'submitCheckboxes'])->name('form.components.submitCheckboxes');
+    Route::get('form/components/radios', [FormComponentsController::class, 'radios'])->name('form.components.radios');
+    Route::post('form/components/radios', [FormComponentsController::class, 'submitRadios'])->name('form.components.submitRadios');
     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/libraryChange', [FormComponentsController::class, 'libraryChange'])->name('form.components.libraryChange');

app/tests/Browser/Form/ComponentsTest.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace Tests\Browser\Form;
+
+use Laravel\Dusk\Browser;
+use Tests\DuskTestCase;
+
+class ComponentsTest extends DuskTestCase
+{
+    /** @test */
+    public function it_can_render_multiple_checkboxes_with_an_options_array()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('form/components/checkboxes')
+                ->waitForText('FormCheckboxes')
+                ->assertChecked('countries[]', 'NL')
+                ->assertChecked('countries[]', 'BE')
+                ->assertNotChecked('countries[]', 'DE')
+                ->press('Submit')
+                ->waitForText('The countries must have at least 3 items.')
+                ->check('countries[]', 'DE')
+                ->press('Submit')
+                ->waitUntilMissing('FormCheckboxes')
+                ->assertRouteIs('navigation.one');
+        });
+    }
+
+    /** @test */
+    public function it_can_render_multiple_radios_with_an_options_array()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('form/components/radios')
+                ->waitForText('FormRadios')
+                ->assertRadioSelected('country', 'NL')
+                ->press('Submit')
+                ->waitUntilMissing('FormCheckboxes')
+                ->assertRouteIs('navigation.one');
+        });
+    }
+}

app/tests/Browser/FormTest.php

@@ -204,4 +204,16 @@ public function it_renders_classes_on_the_form_element()
                 ->assertAttribute('fieldset', 'class', 'form-simple');
         });
     }
+
+    /** @test */
+    public function it_can_submit_to_a_route_that_returns_a_view_instead_of_a_redirect()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('/form/view')
+                ->waitForText('FormView')
+                ->press('Submit')
+                ->waitForText('NavigationOne')
+                ->assertPathIs('/form/view');
+        });
+    }
 }