fix: minor optical changes on the upload side

tests/Feature/Livewire/Upload/IndexTest.php

@@ -1,9 +1,6 @@
 <?php
 
 use App\Models\User;
-use Illuminate\Http\UploadedFile;
-use Illuminate\Support\Facades\Http;
-use Illuminate\Support\Facades\Storage;
 use Livewire\Volt\Volt;
 
 it('requires authentication to access upload page', function () {
@@ -17,89 +14,87 @@ it('can render upload page when authenticated', function () {
 
     $this->actingAs($user);
 
-    $component = Volt::test('upload.index');
+    $response = $this->get('/upload');
 
-    $component
-        ->assertSee('File Upload')
+    $response
+        ->assertOk()
+        ->assertSee('Upload neuer Transaktionen als CSV Datei')
+        ->assertSee('Hochladen der Datei zur Verarbeitung durch die Trusted AI Plattform')
         ->assertSee('Select File')
         ->assertSee('Maximum file size: 50 MB')
-        ->assertSee('https://upload.trai.mcs.local/api/upload');
+        ->assertSee('https://upload.trai.mcs.local/api/upload')
+        ->assertSee('Upload File')
+        ->assertSee('Clear');
 });
 
-it('can upload file successfully', function () {
-    Http::fake([
-        'https://upload.trai.mcs.local/api/upload' => Http::response('Success', 200),
-    ]);
-
+it('displays file input with correct attributes', function () {
     $user = User::factory()->create();
+
     $this->actingAs($user);
 
-    Storage::fake('local');
+    $response = $this->get('/upload');
 
-    $file = UploadedFile::fake()->create('document.pdf', 100);
-
-    Volt::test('upload.index')
-        ->set('file', $file)
-        ->call('upload')
-        ->assertSet('uploadStatus', 'success')
-        ->assertSet('uploadMessage', 'File uploaded successfully!')
-        ->assertSet('file', null);
+    $response
+        ->assertOk()
+        ->assertSee('type="file"', false)
+        ->assertSee('id="file-upload"', false)
+        ->assertSee('x-ref="fileInput"', false)
+        ->assertSee('@change="selectFile"', false);
 });
 
-it('validates file is required', function () {
+it('displays alpine.js data structure', function () {
     $user = User::factory()->create();
+
     $this->actingAs($user);
 
-    Volt::test('upload.index')
-        ->set('file', null)
-        ->call('upload')
-        ->assertHasErrors(['file' => 'required']);
+    $response = $this->get('/upload');
+
+    $response
+        ->assertOk()
+        ->assertSee('x-data', false)
+        ->assertSee('file: null', false)
+        ->assertSee('uploading: false', false)
+        ->assertSee('uploadStatus: null', false);
 });
 
-it('validates file size limit', function () {
+it('displays upload button with loading states', function () {
     $user = User::factory()->create();
+
     $this->actingAs($user);
 
-    Storage::fake('local');
+    $response = $this->get('/upload');
 
-    $file = UploadedFile::fake()->create('large.pdf', 51201); // Exceeds 50MB
-
-    Volt::test('upload.index')
-        ->set('file', $file)
-        ->call('upload')
-        ->assertHasErrors('file');
+    $response
+        ->assertOk()
+        ->assertSee('x-show="!uploading"', false)
+        ->assertSee('Upload File')
+        ->assertSee('x-show="uploading"', false)
+        ->assertSee('Uploading...');
 });
 
-it('handles upload errors gracefully', function () {
-    Http::fake([
-        'https://upload.trai.mcs.local/api/upload' => Http::response('Server Error', 500),
-    ]);
-
+it('displays progress bar for upload state', function () {
     $user = User::factory()->create();
+
     $this->actingAs($user);
 
-    Storage::fake('local');
+    $response = $this->get('/upload');
 
-    $file = UploadedFile::fake()->create('document.pdf', 100);
-
-    Volt::test('upload.index')
-        ->set('file', $file)
-        ->call('upload')
-        ->assertSet('uploadStatus', 'error')
-        ->assertSee('Upload failed');
+    $response
+        ->assertOk()
+        ->assertSee('x-show="uploading"', false)
+        ->assertSee('Please wait while your file is being uploaded...');
 });
 
-it('can clear selected file', function () {
+it('displays callout for upload status messages', function () {
     $user = User::factory()->create();
+
     $this->actingAs($user);
 
-    Storage::fake('local');
+    $response = $this->get('/upload');
 
-    $file = UploadedFile::fake()->create('document.pdf', 100);
-
-    Volt::test('upload.index')
-        ->set('file', $file)
-        ->assertSet('file', fn ($value) => $value !== null)
-        ->set('file', null)
-        ->assertSet('file', null);
+    $response
+        ->assertOk()
+        ->assertSee('x-show="uploadStatus"', false)
+        ->assertSee('x-bind:variant', false)
+        ->assertSee('x-text="uploadMessage"', false);
 });