get(ShowcaseAssetController::url()) ->assertOk() ->assertHeader('Content-Type', 'text/css; charset=utf-8') ->assertHeader('Cache-Control', 'immutable, max-age=31536000, public'); expect($response->getContent()) ->toContain('[data-md-showcase]') ->toContain('[data-md-pane]') ->toContain('@layer material.reset, material.tokens'); }); it('redirects a hash that does not match the current bundle to the current one', function () { $stale = route('livewire-material.stylesheet', ['hash' => '0000000000000000']); $this->get($stale)->assertRedirect(ShowcaseAssetController::url()); }); it('serves the font and svg files the bundle references, mime-typed by extension', function () { $css = $this->get(ShowcaseAssetController::url())->getContent(); $fontUrl = route('livewire-material.asset', ['path' => 'fonts/google-sans-flex/GoogleSansFlex-Latin.woff2'], false); $svgUrl = route('livewire-material.asset', ['path' => 'svg/symbols/outlined/check.svg'], false); expect($css)->toContain($fontUrl)->toContain($svgUrl); $this->get($fontUrl) ->assertOk() ->assertHeader('Content-Type', 'font/woff2') ->assertHeader('Cache-Control', 'immutable, max-age=31536000, public'); $this->get($svgUrl) ->assertOk() ->assertHeader('Content-Type', 'image/svg+xml'); }); it('404s a path that climbs out of the two served folders', function () { $this->get('/material/assets/fonts/../../composer.json')->assertNotFound(); }); it('404s a folder the showcase does not serve', function () { $this->get('/material/assets/css/all.css')->assertNotFound(); }); it('404s an extension the showcase does not serve, even inside a served folder', function () { $this->get('/material/assets/fonts/google-sans-flex/OFL.txt')->assertNotFound(); }); it('bundles the application generated scheme, unlayered, when one sits beside its configured JSON', function () { $dir = sys_get_temp_dir().'/livewire-material-showcase-scheme-'.Str::random(8); mkdir($dir); file_put_contents($dir.'/material-scheme.css', ":root { --md-showcase-test-marker: #123456; }\n"); config(['livewire-material.scheme' => $dir.'/material-scheme.json']); Stylesheets::resetCache(); try { $this->get(ShowcaseAssetController::url()) ->assertOk() ->assertSee('--md-showcase-test-marker: #123456', false); } finally { unlink($dir.'/material-scheme.css'); rmdir($dir); } }); it('falls back to Scheme::load() in the default shape when no generated stylesheet is found', function () { config(['livewire-material.scheme' => sys_get_temp_dir().'/livewire-material-showcase-missing-'.Str::random(8).'.json']); Stylesheets::resetCache(); $css = $this->get(ShowcaseAssetController::url())->assertOk()->getContent(); // The fallback's own one-line selector list, distinct from tokens/scheme.css's multi-line one // (already in all.css), so its presence here can only come from the appended fallback block. expect($css)->toContain("[data-contrast='medium'], [data-contrast='medium'][data-theme='light'], [data-contrast='medium'] [data-theme='light']"); }); it('mounts none of the showcase asset routes when the showcase is off', function () { putenv('MATERIAL_SHOWCASE=false'); $_ENV['MATERIAL_SHOWCASE'] = $_SERVER['MATERIAL_SHOWCASE'] = 'false'; $this->refreshApplication(); try { $this->get('/material/showcase.0000000000000000.css')->assertNotFound(); $this->get('/material/assets/fonts/google-sans-flex/GoogleSansFlex-Latin.woff2')->assertNotFound(); } finally { putenv('MATERIAL_SHOWCASE=true'); $_ENV['MATERIAL_SHOWCASE'] = $_SERVER['MATERIAL_SHOWCASE'] = 'true'; $this->refreshApplication(); } });