5118640a9c
The node builder is gated to lg+ (its fixed side panels no longer overflow a phone); below lg it shows a 'works best on a larger screen' notice. Automation tabs scroll instead of cutting off.
34 lines
1.1 KiB
PHP
34 lines
1.1 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
use App\Enums\UserWorkspace\Role;
|
|
use App\Models\Automation;
|
|
use App\Models\User;
|
|
use App\Models\Workspace;
|
|
|
|
test('the automation builder shows a desktop-recommended notice on a phone', 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]);
|
|
|
|
$automation = Automation::factory()->create(['workspace_id' => $workspace->id]);
|
|
|
|
$this->actingAs($user);
|
|
|
|
$page = visit(route('app.automations.workflow', $automation))->resize(375, 812);
|
|
|
|
$page->script(<<<'JS'
|
|
(async () => {
|
|
const sel = '[data-testid="automation-mobile-notice"]';
|
|
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('@automation-mobile-notice');
|
|
});
|