feat(ui): Shadow UI redesign, domain management, and DNS autoconfigure (#11119)

Co-authored-by: ShadowArcanist <162910371+ShadowArcanist@users.noreply.github.com>
2026-10-15 08:17:02 +00:00 · 2026-08-03 23:11:54 +02:00
1 parent 0b843bb07c
commit 8ae56587d5
@@ -0,0 +1,158 @@
+<?php
+
+use App\Models\GithubApp;
+use App\Models\InstanceSettings;
+use App\Models\S3Storage;
+use App\Models\Server;
+use App\Models\StandaloneDocker;
+use App\Models\Team;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+
+uses(RefreshDatabase::class);
+
+beforeEach(function () {
+    InstanceSettings::unguarded(fn () => InstanceSettings::query()->create(['id' => 0]));
+
+    $this->user = User::factory()->create();
+    $this->team = Team::factory()->create();
+    $this->user->teams()->attach($this->team, ['role' => 'owner']);
+
+    $this->actingAs($this->user);
+    session(['currentTeam' => $this->team]);
+});
+
+it('renders the source name as a large page title before the navbar', function () {
+    $githubApp = GithubApp::create([
+        'name' => 'coolify-laravel-dev-public',
+        'organization' => 'coollabsio',
+        'api_url' => 'https://api.github.com',
+        'html_url' => 'https://github.com',
+        'custom_user' => 'git',
+        'custom_port' => 22,
+        'app_id' => 12345,
+        'installation_id' => 67890,
+        'client_id' => 'client-id',
+        'client_secret' => 'client-secret',
+        'webhook_secret' => 'webhook-secret',
+        'team_id' => $this->team->id,
+        'is_system_wide' => false,
+    ]);
+
+    $response = $this->get(route('source.github.show', ['github_app_uuid' => $githubApp->uuid]));
+
+    $response->assertSuccessful();
+    $response->assertSee('text-[24px]! leading-7! font-semibold! tracking-tight!', false);
+    $response->assertSee('order-1 mb-4 flex min-w-0 items-start justify-between gap-4 lg:order-2', false);
+    $response->assertSee('order-2 lg:order-1', false);
+    $response->assertSee('coolify-laravel-dev-public');
+    $response->assertSee('GitHub App for coollabsio');
+    $response->assertSee('>General</h3>', false);
+
+    $html = $response->getContent();
+    $titlePos = strpos($html, 'order-1 mb-4 flex items-start justify-between gap-4 lg:order-2');
+    $navbarPos = strpos($html, 'order-2 lg:order-1');
+    expect($titlePos)->toBeLessThan($navbarPos);
+});
+
+it('renders family page titles before tabs for team notifications and keys', function () {
+    $team = $this->get(route('team.index'));
+    $team->assertSuccessful();
+    $team->assertSee('Team');
+    $team->assertSee('Members, roles, and team settings');
+    $team->assertSee('New team');
+    // Desktop shell (lg+) hides the family H1; mobile topbar layout keeps it.
+    expect($team->getContent())->toContain('lg:hidden');
+
+    $this->get(route('notifications.email'))
+        ->assertSuccessful()
+        ->assertSee('Notifications')
+        ->assertSee('Delivery channels for team events');
+
+    $keys = $this->get(route('security.private-key.index'));
+    $keys->assertSuccessful();
+    $keys->assertSee('Keys &amp; Tokens', false);
+    $keys->assertSee('SSH keys, cloud tokens, and API access');
+    $keys->assertSee('Private Keys');
+    $keys->assertSee('New private key');
+    $keys->assertDontSee('SSH keys available to this team');
+    expect($keys->getContent())->not->toContain('>Private keys</h2>');
+});
+
+it('renders the destination name as a large page title', function () {
+    $server = Server::factory()->create(['team_id' => $this->team->id, 'name' => 'prod-server']);
+    $destination = StandaloneDocker::query()->where('server_id', $server->id)->firstOrFail();
+    $destination->update(['name' => 'coolify']);
+
+    $response = $this->get(route('destination.show', ['destination_uuid' => $destination->uuid]));
+
+    $response->assertSuccessful();
+    $response->assertSee('text-[24px]! leading-7! font-semibold! tracking-tight!', false);
+    $response->assertSee('coolify');
+    $response->assertSee('Docker network on prod-server');
+    $response->assertSee('>General</h3>', false);
+});
+
+it('renders the s3 storage name as a large page title', function () {
+    $storage = S3Storage::create([
+        'name' => 'backup-bucket',
+        'description' => 'Primary backup destination',
+        'region' => 'us-east-1',
+        'key' => 'access-key',
+        'secret' => 'secret-key',
+        'bucket' => 'coolify-backups',
+        'endpoint' => 'https://s3.example.com',
+        'team_id' => $this->team->id,
+        'is_usable' => true,
+    ]);
+
+    $response = $this->get(route('storage.show', ['storage_uuid' => $storage->uuid]));
+
+    $response->assertSuccessful();
+    $response->assertSee('text-[24px]! leading-7! font-semibold! tracking-tight!', false);
+    $response->assertSee('backup-bucket');
+    $response->assertSee('Primary backup destination');
+    $response->assertSee('>General</h3>', false);
+});
+
+it('uses the same page title size on application database service and server headings', function () {
+    $titleClass = 'text-[24px]! leading-7! font-semibold! tracking-tight!';
+
+    $views = [
+        resource_path('views/livewire/project/application/heading.blade.php'),
+        resource_path('views/livewire/project/database/heading.blade.php'),
+        resource_path('views/livewire/project/service/heading.blade.php'),
+        resource_path('views/livewire/server/navbar.blade.php'),
+        resource_path('views/livewire/project/show.blade.php'),
+        resource_path('views/livewire/project/resource/index.blade.php'),
+        resource_path('views/components/dashboard/navbar.blade.php'),
+        resource_path('views/livewire/server/index.blade.php'),
+        resource_path('views/source/all.blade.php'),
+    ];
+
+    foreach ($views as $view) {
+        expect(file_get_contents($view))->toContain($titleClass);
+    }
+});
+
+it('keeps new-action buttons on the same row as page titles or in layer-2 nav', function () {
+    $stackPattern = 'flex-col gap-3 sm:flex-row';
+
+    expect(file_get_contents(resource_path('views/livewire/server/index.blade.php')))
+        ->toContain($stackPattern);
+    expect(file_get_contents(resource_path('views/source/all.blade.php')))
+        ->toContain($stackPattern);
+    expect(file_get_contents(resource_path('views/livewire/destination/index.blade.php')))
+        ->toContain($stackPattern);
+    expect(file_get_contents(resource_path('views/livewire/storage/index.blade.php')))
+        ->toContain($stackPattern);
+    expect(file_get_contents(resource_path('views/components/dashboard/navbar.blade.php')))
+        ->toContain('titleActions');
+    // Family pages put primary actions next to layer-2 tabs, not beside a desktop H1.
+    expect(file_get_contents(resource_path('views/livewire/security/private-key/index.blade.php')))
+        ->toContain('<x-slot:actions>');
+    expect(file_get_contents(resource_path('views/components/team/navbar.blade.php')))
+        ->toContain("'titleOnDesktop' => false")
+        ->toContain('<x-slot:actions>')
+        ->toContain('New team');
+});