hamedandClaude Opus 4.8
f33c61365d
SettingsLayout rendered its own role-gated aside while the subscription page rendered PurchaseSubscriptionSidebar, so /admin/subscription and other settings pages (sms-wallet, ...) showed two different settings menus. Make SettingsLayout render the shared PurchaseSubscriptionSidebar and have SubscriptionPage use SettingsLayout too, so every settings page shows one identical menu. menuForRole / SETTINGS_MENU are kept for the mobile settings list (SettingsMenuPage). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
57 lines
2.8 KiB
TypeScript
57 lines
2.8 KiB
TypeScript
import { describe, it, expect, beforeEach } from 'vitest';
|
|
import { screen, fireEvent } from '@testing-library/react';
|
|
import { renderWithProviders } from '../../test/utils';
|
|
import SettingsLayout, { menuForRole } from './SettingsLayout';
|
|
import { useAuthStore } from '../../stores/authStore';
|
|
|
|
beforeEach(() => {
|
|
useAuthStore.setState({ primaryRole: 'doctor' });
|
|
});
|
|
|
|
describe('SettingsLayout', () => {
|
|
it('renders the shared settings sidebar and the content', () => {
|
|
renderWithProviders(
|
|
<SettingsLayout active="subscription">
|
|
<div>محتوای اشتراک</div>
|
|
</SettingsLayout>,
|
|
);
|
|
expect(screen.getByText('خرید اشتراک')).toBeInTheDocument();
|
|
expect(screen.getByText('محتوای اشتراک')).toBeInTheDocument();
|
|
});
|
|
|
|
it('marks the active item with aria-current=page', () => {
|
|
renderWithProviders(<SettingsLayout active="subscription"><div /></SettingsLayout>);
|
|
const active = screen.getByText('خرید اشتراک').closest('a');
|
|
expect(active).toHaveAttribute('aria-current', 'page');
|
|
expect(active).toHaveAttribute('href', '/admin/subscription');
|
|
});
|
|
|
|
it('renders the tauri-sourced items as navigable links', () => {
|
|
renderWithProviders(<SettingsLayout active="subscription"><div /></SettingsLayout>);
|
|
expect(screen.getByText('مدیریت نوبت دهی').closest('a')).toHaveAttribute('href', '/admin/appointment-settings');
|
|
expect(screen.getByText('تگ ها').closest('a')).toHaveAttribute('href', '/admin/tags-settings');
|
|
// 'مدیریت پزشک' lives in the main nav, not the settings menu
|
|
expect(screen.queryByText('مدیریت پزشک')).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('shows the same menu to every role (ungated, mirroring tauri)', () => {
|
|
// the desktop sidebar is not role-gated: مدیریت مطب shows even for a doctor
|
|
renderWithProviders(<SettingsLayout active="subscription"><div /></SettingsLayout>);
|
|
expect(screen.getByText('مدیریت مطب')).toBeInTheDocument();
|
|
});
|
|
|
|
it('filters the menu by the search query', () => {
|
|
renderWithProviders(<SettingsLayout active="subscription"><div /></SettingsLayout>);
|
|
fireEvent.change(screen.getByLabelText('جستجو در تنظیمات'), { target: { value: 'اشتراک' } });
|
|
expect(screen.getByText('خرید اشتراک')).toBeInTheDocument();
|
|
expect(screen.queryByText('خدمات')).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('menuForRole still role-gates the mobile settings list', () => {
|
|
// SettingsMenuPage (mobile) keeps using menuForRole / SETTINGS_MENU
|
|
expect(menuForRole('clinic').map((i) => i.key)).toContain('clinic');
|
|
expect(menuForRole('clinic').map((i) => i.key)).not.toContain('doctor');
|
|
expect(menuForRole('clinic').map((i) => i.key)).not.toContain('appointment');
|
|
});
|
|
});
|