* 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>
54 lines
1.4 KiB
PHP
54 lines
1.4 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
use App\Models\SiteSetting;
|
|
use Database\Seeders\VisualContentSeeder;
|
|
use Illuminate\Foundation\Testing\RefreshDatabase;
|
|
use Illuminate\Support\Facades\Artisan;
|
|
|
|
uses(RefreshDatabase::class);
|
|
|
|
beforeEach(function (): void {
|
|
putenv('APP_FROZEN_NOW='.VisualContentSeeder::FROZEN_NOW);
|
|
$_ENV['APP_FROZEN_NOW'] = VisualContentSeeder::FROZEN_NOW;
|
|
$_SERVER['APP_FROZEN_NOW'] = VisualContentSeeder::FROZEN_NOW;
|
|
|
|
$this->refreshApplication();
|
|
|
|
Artisan::call('db:seed', ['--class' => VisualContentSeeder::class, '--force' => true]);
|
|
|
|
SiteSetting::instance();
|
|
});
|
|
|
|
afterEach(function (): void {
|
|
putenv('APP_FROZEN_NOW');
|
|
unset($_ENV['APP_FROZEN_NOW'], $_SERVER['APP_FROZEN_NOW']);
|
|
});
|
|
|
|
$screens = [
|
|
'home' => '/',
|
|
'services' => '/servicos',
|
|
'portfolio' => '/portfolio',
|
|
'portfolio-detail' => '/portfolio/casamento-ana-lucas',
|
|
];
|
|
|
|
$viewports = [
|
|
'desktop' => [1440, 1000],
|
|
'mobile' => [390, 844],
|
|
];
|
|
|
|
foreach ($screens as $screen => $path) {
|
|
foreach ($viewports as $viewport => [$width, $height]) {
|
|
it("matches {$screen} {$viewport} visual baseline", function () use ($path, $width, $height): void {
|
|
$this->visit($path, [
|
|
'reducedMotion' => 'reduce',
|
|
])
|
|
->withLocale('pt-BR')
|
|
->withTimezone('America/Fortaleza')
|
|
->resize($width, $height)
|
|
->assertScreenshotMatches();
|
|
});
|
|
}
|
|
}
|