feat: (LAR-107) modification du formulaire de register (#206)

Author: Stephen2304

lang/en/pages/auth.php

@@ -16,7 +16,8 @@
         'page_title' => 'Create an account',
         'join_us' => 'Join Laravel Cameroon',
         'joins_description' => "Join nearly 1000 developers and designers. Because there's more to life than code.",
-        'password_placeholder' => 'Password (min. 6 characters)',
+        'password_placeholder' => 'Password (min. 8 characters)',
+        'email_verification_status' => 'Please check your e-mail address to log in.',
         'submit' => 'Create account',
         'advantages' => [
             'heading' => 'Open your mind and discover new horizons.',

lang/fr/pages/auth.php

@@ -16,7 +16,8 @@
         'page_title' => 'Créer un compte',
         'join_us' => 'Rejoindre Laravel Cameroun',
         'joins_description' => 'Rejoignez près de 1000 développeurs et designers. Parce qu’il n y’a pas que le code dans la vie.',
-        'password_placeholder' => 'Mot de passe (min. 6 caractères)',
+        'password_placeholder' => 'Mot de passe (min. 8 caractères)',
+        'email_verification_status' => 'Veuillez verifier votre email pour pouvoir vous connecter',
         'submit' => 'Créer mon compte',
         'advantages' => [
             'heading' => 'Ouvrez votre esprit pour découvrir de nouveaux horizons.',

resources/views/livewire/pages/auth/register.blade.php

@@ -1,4 +1,38 @@
-<x-app-layout :title="__('pages/auth.register.page_title')">
+<?php
+
+use App\Models\User;
+use Illuminate\Auth\Events\Registered;
+use Illuminate\Support\Facades\Hash;
+use Livewire\Volt\Component;
+use Illuminate\Validation\Rules\Password;
+
+new class extends Component
+{
+    public string $name = '';
+    public string $email = '';
+    public string $username = '';
+    public string $password = '';
+
+    public function register(): void
+    {
+        $validated = $this->validate([
+            'name' => ['required', 'string', 'max:255'],
+            'email' => ['required', 'string', 'lowercase', 'email', 'max:255', 'unique:users'],
+            'username' => ['required', 'string', 'max:255', 'unique:users'],
+            'password' => ['required', 'string', Password::min(8)
+            ->uncompromised()
+            ->numbers()
+            ->mixedCase()],
+        ]);
+
+        $validated['password'] = Hash::make($validated['password']);
+
+        event(new Registered(User::create($validated)));
+
+        session()->flash('status', __('pages/auth.register.email_verification_status'));
+    }
+}; ?>
+<div>
     <x-container class="py-12 sm:py-16 lg:pt-20">
         <div class="lg:grid lg:gap-12 lg:grid-cols-2">
             <div class="hidden items-center justify-center lg:flex">
@@ -57,6 +91,7 @@
                     </div>
                 </div>
             </div>
+
             <div class="mx-auto max-w-md space-y-8">
                 <div class="space-y-3 text-center">
                     <h2 class="font-heading text-3xl font-extrabold text-gray-900 dark:text-white">
@@ -67,51 +102,56 @@
                         {{ __('pages/auth.register.joins_description') }}
                     </p>
                 </div>
+
                 <div>
                     <x-status-message />
+                    
+                    <x-validation-errors />
 
-                    <form class="space-y-6" action="{{ route('register') }}" method="POST">
-                        @csrf
+                    <form wire:submit="register" class="space-y-6">
                         <div class="space-y-3">
                             <x-filament::input.wrapper>
                                 <x-filament::input
                                     type="text"
                                     id="name"
-                                    name="name"
-                                    required="true"
+                                    wire:model="name"
+                                    required
                                     autocomplete="name"
                                     aria-label="{{ __('validation.attributes.name') }}"
                                     :placeholder="__('validation.attributes.name')"
                                 />
                             </x-filament::input.wrapper>
+
                             <x-filament::input.wrapper>
                                 <x-filament::input
                                     type="email"
                                     id="email"
-                                    name="email"
-                                    required="true"
+                                    wire:model="email"
+                                    required
                                     autocomplete="email"
                                     aria-label="{{ __('validation.attributes.email') }}"
                                     :placeholder="__('validation.attributes.email')"
                                 />
                             </x-filament::input.wrapper>
+
                             <x-filament::input.wrapper>
                                 <x-filament::input
                                     type="text"
                                     id="username"
-                                    name="username"
-                                    required="true"
+                                    wire:model="username"
+                                    required
                                     autocomplete="username"
                                     aria-label="{{ __('validation.attributes.username') }}"
                                     :placeholder="__('validation.attributes.username')"
                                 />
                             </x-filament::input.wrapper>
+
                             <x-filament::input.wrapper>
                                 <x-filament::input
                                     type="password"
                                     id="password"
-                                    name="password"
-                                    required="true"
+                                    wire:model="password"
+                                    required
                                     aria-label="{{ __('validation.attributes.password') }}"
                                     :placeholder="__('pages/auth.register.password_placeholder')"
                                 />
@@ -135,4 +175,4 @@
     </x-container>
 
     <x-join-sponsors :title="__('global.sponsor_thanks')" />
-</x-app-layout>
+</div>

tests/Feature/Auth/RegistrationTest.php

@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tests\Feature\Auth;
+
+use Livewire\Volt\Volt;
+
+test('registration screen can be rendered', function (): void {
+    $response = $this->get('/register');
+
+    $response
+        ->assertOk()
+        ->assertSeeVolt('pages.auth.register');
+});
+
+test('new users can register', function (): void {
+    $component = Volt::test('pages.auth.register')
+        ->set('name', 'Test User')
+        ->set('email', '[email protected]')
+        ->set('password', 'password');
+
+    $component->call('register');
+
+    $this->assertGuest();
+
+    $this->assertSessionHas('status', __('pages/auth.register.email_verification_status'));
+
+    $this->assertAuthenticated();
+});