58 lines
1.9 KiB
PHP
58 lines
1.9 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
function cssSource(string $file): string
|
||
|
|
{
|
||
|
|
return file_get_contents(__DIR__.'/../../resources/css/'.$file);
|
||
|
|
}
|
||
|
|
|
||
|
|
function bladeSource(string $path): string
|
||
|
|
{
|
||
|
|
return file_get_contents(__DIR__.'/../../resources/views/'.$path);
|
||
|
|
}
|
||
|
|
|
||
|
|
it('gives the shared popover surface the dropdown lift, not the modal lift', function () {
|
||
|
|
$utilities = cssSource('utilities.css');
|
||
|
|
|
||
|
|
expect($utilities)
|
||
|
|
->toContain('@utility surface-popover')
|
||
|
|
->toContain('var(--shadow-dropdown)');
|
||
|
|
|
||
|
|
// The surface-popover block itself must not fall back to the heavy modal shadow.
|
||
|
|
preg_match('/@utility surface-popover\s*\{(.*?)\}/s', $utilities, $match);
|
||
|
|
expect($match[1] ?? '')
|
||
|
|
->toContain('var(--shadow-dropdown)')
|
||
|
|
->not->toContain('var(--shadow-modal)');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders toasts and change-pending popovers with the shared dropdown-level surface', function (string $path) {
|
||
|
|
$source = bladeSource($path);
|
||
|
|
|
||
|
|
expect($source)
|
||
|
|
->toContain('surface-popover')
|
||
|
|
->not->toContain('--shadow-modal');
|
||
|
|
})->with([
|
||
|
|
'components/toast.blade.php',
|
||
|
|
'components/configuration-warning.blade.php',
|
||
|
|
'components/proxy-configuration-warning.blade.php',
|
||
|
|
'components/popup-small.blade.php',
|
||
|
|
'livewire/deployments-indicator.blade.php',
|
||
|
|
]);
|
||
|
|
|
||
|
|
it('uses the dropdown shadow on floating menus instead of the modal shadow', function (string $path) {
|
||
|
|
expect(bladeSource($path))
|
||
|
|
->toContain('shadow-dropdown')
|
||
|
|
->not->toContain('shadow-modal');
|
||
|
|
})->with([
|
||
|
|
'livewire/server/show.blade.php',
|
||
|
|
'livewire/project/application/deployment/show.blade.php',
|
||
|
|
]);
|
||
|
|
|
||
|
|
it('gives the command palette the shared dropdown lift', function () {
|
||
|
|
$app = cssSource('app.css');
|
||
|
|
|
||
|
|
preg_match('/\.command-palette\s*\{(.*?)\}/s', $app, $match);
|
||
|
|
expect($match[1] ?? '')
|
||
|
|
->toContain('var(--shadow-dropdown)')
|
||
|
|
->not->toContain('var(--shadow-modal)');
|
||
|
|
});
|