Manoel Freitas
3dc1f449ee
* feat: ship public site with SEO and visuals Publish CMS content on public routes with responsive media, accessibility checks, and deterministic visual baselines. Co-authored-by: Cursor <cursoragent@cursor.com> * fix: make browser visual CI deterministic for media Mount host public storage into FrankenPHP so seeded fixtures are served, and replace PNG-as-JPG fixtures with real JPEGs so Chromium can render them. Co-authored-by: Cursor <cursoragent@cursor.com> * fix: serve public media on same-origin storage paths Pest Browser hosts on 127.0.0.1:port while Storage::url used http://localhost, so screenshots captured broken images. Use relative /storage URLs for media and absolutize only OG tags via url(). Co-authored-by: Cursor <cursoragent@cursor.com> * test: refresh visual baselines from CI Ubuntu screenshots Media now loads on same-origin /storage paths, so baselines must capture the rendered fixtures. Use full-page snapshots from the CI runner to keep Pest's exact snapshot match stable across environments. Co-authored-by: Cursor <cursoragent@cursor.com> --------- Co-authored-by: Cursor <cursoragent@cursor.com>
65 lines
2.4 KiB
PHP
65 lines
2.4 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
namespace Tests\Feature\PublicSite;
|
|
|
|
use App\Support\ResponsiveImage;
|
|
use Illuminate\Support\Facades\Blade;
|
|
use Illuminate\Support\Facades\Storage;
|
|
use Intervention\Image\Drivers\Gd\Driver;
|
|
use Intervention\Image\ImageManager;
|
|
use Tests\TestCase;
|
|
|
|
class MediaImageComponentTest extends TestCase
|
|
{
|
|
public function test_hero_image_is_eager_and_below_fold_is_lazy_with_srcset(): void
|
|
{
|
|
Storage::fake('public');
|
|
|
|
$manager = new ImageManager(new Driver);
|
|
Storage::disk('public')->put('content/hero.jpg', (string) $manager->create(1600, 900)->toJpeg());
|
|
ResponsiveImage::generate('content/hero.jpg', 'public');
|
|
|
|
Storage::disk('public')->put('content/below.jpg', (string) $manager->create(1200, 800)->toJpeg());
|
|
ResponsiveImage::generate('content/below.jpg', 'public');
|
|
|
|
$hero = Blade::render(
|
|
'<x-media.image path="content/hero.jpg" alt="Hero Amare" loading="eager" sizes="100vw" />'
|
|
);
|
|
|
|
$below = Blade::render(
|
|
'<x-media.image path="content/below.jpg" alt="Galeria" loading="lazy" />'
|
|
);
|
|
|
|
$this->assertStringContainsString('loading="eager"', $hero);
|
|
$this->assertStringNotContainsString('loading="lazy"', $hero);
|
|
$this->assertStringContainsString('alt="Hero Amare"', $hero);
|
|
$this->assertStringContainsString('srcset=', $hero);
|
|
$this->assertStringContainsString('sizes="100vw"', $hero);
|
|
$this->assertStringContainsString('width="', $hero);
|
|
$this->assertStringContainsString('height="', $hero);
|
|
|
|
$this->assertStringContainsString('loading="lazy"', $below);
|
|
$this->assertStringContainsString('alt="Galeria"', $below);
|
|
$this->assertStringContainsString('srcset=', $below);
|
|
$this->assertStringContainsString('sizes="', $below);
|
|
}
|
|
|
|
public function test_missing_variants_fall_back_to_original_without_srcset(): void
|
|
{
|
|
Storage::fake('public');
|
|
|
|
$manager = new ImageManager(new Driver);
|
|
Storage::disk('public')->put('content/legacy.jpg', (string) $manager->create(800, 600)->toJpeg());
|
|
|
|
$html = Blade::render(
|
|
'<x-media.image path="content/legacy.jpg" alt="Legado" />'
|
|
);
|
|
|
|
$this->assertStringContainsString('alt="Legado"', $html);
|
|
$this->assertStringContainsString('loading="lazy"', $html);
|
|
$this->assertStringNotContainsString('srcset=', $html);
|
|
}
|
|
}
|