ccf888258d
Uploads/Unsplash/Giphy card actions are visible on touch instead of hover-only, without the dark scrim on small screens.
38 lines
1.2 KiB
PHP
38 lines
1.2 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
use App\Enums\UserWorkspace\Role;
|
|
use App\Models\Media;
|
|
use App\Models\User;
|
|
use App\Models\Workspace;
|
|
|
|
test('gallery upload card actions are visible on a phone without hover', function () {
|
|
$user = User::factory()->create();
|
|
$workspace = Workspace::factory()->create(['user_id' => $user->id]);
|
|
$workspace->members()->attach($user->id, ['role' => Role::Member->value]);
|
|
$user->update(['current_workspace_id' => $workspace->id]);
|
|
|
|
Media::factory()->for($workspace, 'mediable')->create([
|
|
'collection' => 'assets',
|
|
'original_filename' => 'on-the-go.jpg',
|
|
]);
|
|
|
|
$this->actingAs($user);
|
|
|
|
$page = visit(route('app.assets.index'))->resize(375, 812);
|
|
|
|
// Uploads are fetched async after mount; settle before asserting.
|
|
$page->script(<<<'JS'
|
|
(async () => {
|
|
const sel = '[data-testid="gallery-asset-delete"]';
|
|
for (let i = 0; i < 100; i++) {
|
|
const el = document.querySelector(sel);
|
|
if (el && el.getBoundingClientRect().height > 0) return;
|
|
await new Promise((r) => setTimeout(r, 50));
|
|
}
|
|
})();
|
|
JS);
|
|
|
|
$page->assertVisible('@gallery-asset-delete');
|
|
});
|