update layouts

apps/admin/tests/unit/app/layouts/settings.test.ts

@@ -0,0 +1,36 @@
+import { describe, expect, it } from 'vitest';
+import { APP_SETTINGS, DEFAULT_CONTAINER_BY_LAYOUT } from '#app/config/settings';
+import { LayoutNames } from '#app/config/types';
+
+const layoutNames = Object.values(LayoutNames);
+
+describe('layout settings', () => {
+  it('carries options for every layout, so any layout can read its own', () => {
+    for (const name of layoutNames) {
+      expect(APP_SETTINGS.layouts[name], name).toEqual({
+        sidebarCollapse: false,
+        sidebarTheme: 'light',
+        headerSticky: true,
+        headerStickyOffset: 200
+      });
+    }
+  });
+
+  it('gives each layout its own options object, so one layout cannot edit another', () => {
+    const options = layoutNames.map((name) => APP_SETTINGS.layouts[name]);
+
+    expect(new Set(options).size).toBe(layoutNames.length);
+  });
+});
+
+describe('layout containers', () => {
+  it('assigns a container width to every layout', () => {
+    for (const name of layoutNames) {
+      expect(DEFAULT_CONTAINER_BY_LAYOUT[name], name).toMatch(/^(fixed|fluid)$/);
+    }
+  });
+
+  it('gives the mega-menu layout a fluid container, since its panels span the viewport', () => {
+    expect(DEFAULT_CONTAINER_BY_LAYOUT[LayoutNames.ADVANCE_MEGA_MENU]).toBe('fluid');
+  });
+});