hamed
3e5dee0ad5
- Added a new 'category' field to the InventoryItem entity and updated the database schema. - Replaced free-text input for 'unit' and 'category' with select dropdowns in the AddItemModal. - Introduced a new API endpoint to fetch metadata for units and categories. - Updated inventory filtering logic to use the new 'category' field instead of 'consumable'. - Enhanced validation for item creation and updates to ensure valid unit and category values. - Updated tests to cover new functionality and ensure proper validation.
100 lines
5.3 KiB
TypeScript
100 lines
5.3 KiB
TypeScript
import { describe, it, expect, beforeEach, vi } from 'vitest';
|
|
import { screen, fireEvent, waitFor } from '@testing-library/react';
|
|
import { renderWithProviders } from '../test/utils';
|
|
|
|
vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn() } }));
|
|
vi.mock('../lib/api', () => ({
|
|
api: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), put: vi.fn(), delete: vi.fn() },
|
|
ApiError: class extends Error {},
|
|
}));
|
|
|
|
import { api } from '../lib/api';
|
|
import InventoryPage from './InventoryPage';
|
|
|
|
const get = api.get as ReturnType<typeof vi.fn>;
|
|
|
|
const ITEM = {
|
|
uuid: 'i-1', name: 'دستکش جراحی', consumable: 'جراحی', category: 'لوازم مصرفی و تزریقات', unit: 'عدد',
|
|
price: 250000, stock: 150, alertThreshold: 20, status: 'in_stock',
|
|
};
|
|
const META = { units: ['عدد', 'بسته', 'ویال'], categories: ['دارو', 'لوازم مصرفی و تزریقات', 'سایر'] };
|
|
const STATS = { total: 1, low: 0, inStock: 1, outOfStock: 0 };
|
|
const PKG = {
|
|
uuid: 'p-1', title: 'پکیج شماره یک', total: 2400000, available: true,
|
|
items: [{ itemUuid: 'i-1', name: 'ژل', unit: 'سیسی', price: 1200000, amount: 2 }],
|
|
};
|
|
|
|
function mockApi(opts: { items?: any[]; stats?: any; packages?: any[]; categories?: string[]; meta?: any } = {}) {
|
|
get.mockImplementation((url: string = '') => {
|
|
if (url.includes('/inventory-packages')) return Promise.resolve({ success: true, data: opts.packages ?? [] });
|
|
if (url.includes('/inventory-meta')) return Promise.resolve({ success: true, data: opts.meta ?? META });
|
|
if (url.includes('/inventory-categories')) return Promise.resolve({ success: true, data: opts.categories ?? [] });
|
|
if (url.includes('/inventory-items')) return Promise.resolve({ success: true, data: { items: opts.items ?? [], stats: opts.stats ?? { total: 0, low: 0, inStock: 0, outOfStock: 0 } } });
|
|
return Promise.resolve({ success: true, data: { items: [], stats: { total: 0, low: 0, inStock: 0, outOfStock: 0 } } });
|
|
});
|
|
}
|
|
|
|
beforeEach(() => get.mockReset());
|
|
|
|
describe('InventoryPage', () => {
|
|
it('renders the header, tabs and item row with real data', async () => {
|
|
mockApi({ items: [ITEM], stats: STATS, categories: ['جراحی'] });
|
|
renderWithProviders(<InventoryPage />, { route: '/admin/inventory' });
|
|
|
|
expect(screen.getByText('انبارداری')).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: 'کالاهای مصرفی' })).toBeInTheDocument();
|
|
// desktop table + mobile card both render in jsdom (no CSS media) → allow both
|
|
expect((await screen.findAllByText('دستکش جراحی')).length).toBeGreaterThan(0);
|
|
// stat card counter + status badge
|
|
expect(screen.getByText('کالاهای موجود')).toBeInTheDocument();
|
|
expect(screen.getAllByText('موجود').length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it('shows the empty state when there are no items', async () => {
|
|
mockApi({ items: [], stats: { total: 0, low: 0, inStock: 0, outOfStock: 0 } });
|
|
renderWithProviders(<InventoryPage />, { route: '/admin/inventory' });
|
|
expect(await screen.findByText('هنوز کالایی ثبت نشده است.')).toBeInTheDocument();
|
|
});
|
|
|
|
it('opens the add-item modal from the header button', async () => {
|
|
mockApi({ items: [], stats: { total: 0, low: 0, inStock: 0, outOfStock: 0 } });
|
|
renderWithProviders(<InventoryPage />, { route: '/admin/inventory' });
|
|
|
|
fireEvent.click(await screen.findByRole('button', { name: /افزودن کالا/ }));
|
|
expect(await screen.findByText('افزودن کالای جدید')).toBeInTheDocument();
|
|
// the source's distinctive "هشدار اتمام" field is present
|
|
expect(screen.getByText('هشدار اتمام')).toBeInTheDocument();
|
|
|
|
// price input groups thousands as the user types
|
|
const price = screen.getByPlaceholderText('قیمت') as HTMLInputElement;
|
|
fireEvent.change(price, { target: { value: '1200000' } });
|
|
expect(price.value).toBe('1,200,000');
|
|
});
|
|
|
|
it('blocks submit when category is missing and unit is a picker, not free text', async () => {
|
|
mockApi({ items: [], stats: { total: 0, low: 0, inStock: 0, outOfStock: 0 } });
|
|
renderWithProviders(<InventoryPage />, { route: '/admin/inventory' });
|
|
|
|
fireEvent.click(await screen.findByRole('button', { name: /افزودن کالا/ }));
|
|
await screen.findByText('افزودن کالای جدید');
|
|
|
|
// unit is now a select — no free-text input with the old placeholder
|
|
expect(screen.queryByPlaceholderText('عدد')).not.toBeInTheDocument();
|
|
|
|
fireEvent.change(screen.getByPlaceholderText('نام کالا'), { target: { value: 'ماسک' } });
|
|
fireEvent.click(screen.getByRole('button', { name: 'اضافه کردن کالا' }));
|
|
expect(await screen.findByText('دستهبندی کالا الزامی است')).toBeInTheDocument();
|
|
});
|
|
|
|
it('switches to the packages tab and lists a package with its price', async () => {
|
|
mockApi({ packages: [PKG] });
|
|
renderWithProviders(<InventoryPage />, { route: '/admin/inventory' });
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: 'پکیج' }));
|
|
expect(await screen.findByText('پکیج شماره یک')).toBeInTheDocument();
|
|
expect(screen.getByText('موجودی کافی')).toBeInTheDocument();
|
|
// 2,400,000 Rial → 240,000 Toman
|
|
await waitFor(() => expect(screen.getByText(/۲۴۰٬۰۰۰ تومان/)).toBeInTheDocument());
|
|
});
|
|
});
|