mirror of
https://github.com/coollabsio/coolify.git
synced 2026-10-05 21:47:10 -04:00
Andras Bacsai
9346f5f4af
Ensure the group for the current page remains open despite persisted collapse state, with regression coverage.
69 lines
3.2 KiB
PHP
69 lines
3.2 KiB
PHP
<?php
|
|
|
|
// Discussion #11833: the resource settings sidebar must not expand every group by
|
|
// default. Each grouped sidebar wires up the shared accordion so only the group
|
|
// containing the active page is open by default (client-side, via localStorage).
|
|
|
|
$groupedSidebars = [
|
|
'application' => 'resources/views/components/application/configuration-sidebar.blade.php',
|
|
'database' => 'resources/views/components/database/configuration-sidebar.blade.php',
|
|
'service' => 'resources/views/components/service/configuration-sidebar.blade.php',
|
|
'service-page' => 'resources/views/livewire/project/service/configuration.blade.php',
|
|
'server' => 'resources/views/components/server/sidebar.blade.php',
|
|
];
|
|
|
|
it('wires the collapsible accordion into every grouped settings sidebar', function (string $file) {
|
|
$contents = file_get_contents(base_path($file));
|
|
|
|
expect($contents)
|
|
->toContain('settingsSidebarAccordion(') // shared Alpine data provider
|
|
->toContain('$activeGroup') // only the active group opens by default
|
|
->toContain('nav-section-toggle') // group header is a toggle button
|
|
->toContain('toggle(') // header collapses/expands the group
|
|
->toContain("? 'xl:block' : 'xl:hidden'"); // desktop-only collapse wrapper
|
|
})->with($groupedSidebars);
|
|
|
|
it('only expands in-page sub-sections for the active page', function () {
|
|
// Regression: the application sidebar used to render every item's sub-sections
|
|
// (Advanced's Build/Container/… showed while you were on General).
|
|
$contents = file_get_contents(base_path('resources/views/components/application/configuration-sidebar.blade.php'));
|
|
|
|
expect($contents)
|
|
->toContain("\$menuItem['active'] && filled(\$sections)")
|
|
->not->toContain('@if (filled($sections))');
|
|
});
|
|
|
|
it('adds a client-side search to the application settings sidebar', function () {
|
|
$sidebar = file_get_contents(base_path('resources/views/components/application/configuration-sidebar.blade.php'));
|
|
|
|
expect($sidebar)
|
|
->toContain('Filter settings')
|
|
->toContain('x-model.debounce.100ms="search"')
|
|
->toContain('matches(')
|
|
// Results are built from a flat index that also covers in-page sub-sections,
|
|
// each carrying a breadcrumb (category + parent page).
|
|
->toContain('$searchIndex')
|
|
->toContain("'breadcrumb'")
|
|
->toContain('$pageSections[$item[\'route\']]');
|
|
|
|
expect(file_get_contents(base_path('resources/js/settings-sidebar-accordion.js')))
|
|
->toContain('matches(label)')
|
|
->toContain('hasResults');
|
|
});
|
|
|
|
it('registers the accordion Alpine provider', function () {
|
|
expect(file_get_contents(base_path('resources/js/app.js')))
|
|
->toContain('initializeSettingsSidebarAccordionComponent');
|
|
|
|
expect(file_get_contents(base_path('resources/js/settings-sidebar-accordion.js')))
|
|
->toContain("Alpine.data('settingsSidebarAccordion'");
|
|
});
|
|
|
|
it('keeps the group for the active page open', function () {
|
|
$accordion = file_get_contents(base_path('resources/js/settings-sidebar-accordion.js'));
|
|
|
|
expect($accordion)
|
|
->toContain('if (group === this.activeGroup)')
|
|
->toContain('return true;');
|
|
});
|