mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-13 15:07:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(#76): rotate back preview image
Some checks are pending
tests / ci (push) Waiting to run
Details

Browse source
This commit is contained in:
Benjamin Nussbaum 2025-08-15 23:40:26 +02:00
parent 0503be65c2
commit a88e72b75e
4 changed files with 96 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
resources/views/livewire/device-dashboard.blade.php
View file

@ -95,7 +95,11 @@ new class extends Component {
</flux:callout>
@elseif($current_image_path)
<flux:separator class="mt-2 mb-4"/>
<img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Current Image"/>
<div class="flex justify-center">
<div class="relative origin-center -rotate-[{{ $device->rotate ?? 0 }}deg]">
<img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Current Image"/>
</div>
</div>
@endif
</div>
</div>

6
resources/views/livewire/devices/configure.blade.php
View file

@ -455,7 +455,11 @@ new class extends Component {
@if(!$device->mirror_device_id)
@if($current_image_path)
<flux:separator class="mt-6 mb-6" text="Screen"/>
<img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Next Image"/>
<div class="flex justify-center">
<div class="relative origin-center -rotate-[{{ $device->rotate ?? 0 }}deg]">
<img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Next Image"/>
</div>
</div>
@endif
<flux:separator class="mt-6 mb-6" text="Playlists"/>

0
tests/Feature/DeviceConfigureTest.php → tests/Feature/Devices/DeviceConfigureTest.php
View file

86
tests/Feature/Devices/DeviceRotationTest.php Normal file
View file

@ -0,0 +1,86 @@
<?php
declare(strict_types=1);
use App\Models\{Device, User};
use Illuminate\Foundation\Testing\RefreshDatabase;
uses(RefreshDatabase::class);
test('dashboard shows device image with correct rotation', function () {
$user = User::factory()->create();
$device = Device::factory()->create([
'user_id' => $user->id,
'rotate' => 90,
'current_screen_image' => 'test-image-uuid',
]);
// Mock the file existence check
\Illuminate\Support\Facades\Storage::fake('public');
\Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
$response = $this->actingAs($user)
->get(route('dashboard'));
$response->assertSuccessful();
$response->assertSee('-rotate-[90deg]');
$response->assertSee('origin-center');
});
test('device configure page shows device image with correct rotation', function () {
$user = User::factory()->create();
$device = Device::factory()->create([
'user_id' => $user->id,
'rotate' => 90,
'current_screen_image' => 'test-image-uuid',
]);
// Mock the file existence check
\Illuminate\Support\Facades\Storage::fake('public');
\Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
$response = $this->actingAs($user)
->get(route('devices.configure', $device));
$response->assertSuccessful();
$response->assertSee('-rotate-[90deg]');
$response->assertSee('origin-center');
});
test('device with no rotation shows no transform style', function () {
$user = User::factory()->create();
$device = Device::factory()->create([
'user_id' => $user->id,
'rotate' => 0,
'current_screen_image' => 'test-image-uuid',
]);
// Mock the file existence check
\Illuminate\Support\Facades\Storage::fake('public');
\Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
$response = $this->actingAs($user)
->get(route('dashboard'));
$response->assertSuccessful();
$response->assertSee('-rotate-[0deg]');
});
test('device with null rotation defaults to 0', function () {
$user = User::factory()->create();
$device = Device::factory()->create([
'user_id' => $user->id,
'rotate' => null,
'current_screen_image' => 'test-image-uuid',
]);
// Mock the file existence check
\Illuminate\Support\Facades\Storage::fake('public');
\Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
$response = $this->actingAs($user)
->get(route('dashboard'));
$response->assertSuccessful();
$response->assertSee('-rotate-[0deg]');
});