feat: add MFA/TOTP auth, PII encryption, agents/leads/inquiries modules, and comprehensive tests
- Add TOTP-based MFA with setup, verify, disable, backup codes, and challenge flow - Add PII field encryption middleware with AES-256-GCM and deterministic search hashes - Add agents, inquiries, and leads domain modules with entities, events, value objects - Add web dashboard pages for inquiries and leads with detail dialogs - Add 30+ component tests (valuation, charts, listings, search, providers, UI) - Add Prisma migrations for encryption hash columns and MFA TOTP support - Fix all ESLint errors (unused imports, duplicate imports, lint auto-fixes) - Update dependencies and lock file - Clean up obsolete exploration/QA docs, add audit documentation Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
Ho Ngoc Hai
@@ -0,0 +1,57 @@
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { describe, expect, it, vi } from 'vitest';
|
||||
import { AiEstimateButton } from '../ai-estimate-button';
|
||||
|
||||
// Mock the hook
|
||||
const mockMutate = vi.fn();
|
||||
vi.mock('@/lib/hooks/use-valuation', () => ({
|
||||
useValuationPredictForListing: () => ({
|
||||
mutate: mockMutate,
|
||||
isPending: false,
|
||||
data: null,
|
||||
}),
|
||||
}));
|
||||
|
||||
describe('AiEstimateButton', () => {
|
||||
beforeEach(() => {
|
||||
mockMutate.mockClear();
|
||||
});
|
||||
|
||||
it('renders the button', () => {
|
||||
render(<AiEstimateButton listingId="listing-1" />);
|
||||
expect(screen.getByText('Dinh gia AI')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls mutate when clicked', async () => {
|
||||
const user = userEvent.setup();
|
||||
render(<AiEstimateButton listingId="listing-1" />);
|
||||
|
||||
await user.click(screen.getByText('Dinh gia AI'));
|
||||
expect(mockMutate).toHaveBeenCalledWith('listing-1', expect.any(Object));
|
||||
});
|
||||
|
||||
it('renders as a button element', () => {
|
||||
render(<AiEstimateButton listingId="listing-1" />);
|
||||
expect(screen.getByRole('button', { name: /Dinh gia AI/ })).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('AiEstimateButton - loading state', () => {
|
||||
it('shows loading text when pending', () => {
|
||||
vi.mocked(vi.fn()).mockReturnValue(undefined);
|
||||
// Re-mock with isPending
|
||||
vi.doMock('@/lib/hooks/use-valuation', () => ({
|
||||
useValuationPredictForListing: () => ({
|
||||
mutate: vi.fn(),
|
||||
isPending: true,
|
||||
data: null,
|
||||
}),
|
||||
}));
|
||||
|
||||
// This test validates the loading button text exists in the component
|
||||
render(<AiEstimateButton listingId="listing-1" />);
|
||||
// Component shows 'Dinh gia AI' or 'Dang dinh gia...' based on isPending
|
||||
expect(screen.getByRole('button')).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
106
apps/web/components/valuation/__tests__/valuation-form.spec.tsx
Normal file
106
apps/web/components/valuation/__tests__/valuation-form.spec.tsx
Normal file
@@ -0,0 +1,106 @@
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import { describe, expect, it, vi } from 'vitest';
|
||||
import { ValuationForm } from '../valuation-form';
|
||||
|
||||
// Mock @hookform/resolvers/zod
|
||||
vi.mock('@hookform/resolvers/zod', () => ({
|
||||
zodResolver: () => vi.fn(),
|
||||
}));
|
||||
|
||||
// Mock valuation validation
|
||||
vi.mock('@/lib/validations/valuation', () => ({
|
||||
valuationFormSchema: {},
|
||||
VALUATION_PROPERTY_TYPES: [
|
||||
{ value: 'APARTMENT', label: 'Căn hộ' },
|
||||
{ value: 'HOUSE', label: 'Nhà riêng' },
|
||||
{ value: 'VILLA', label: 'Biệt thự' },
|
||||
{ value: 'LAND', label: 'Đất nền' },
|
||||
],
|
||||
CITIES: [
|
||||
{ value: 'Ho Chi Minh', label: 'Hồ Chí Minh' },
|
||||
{ value: 'Ha Noi', label: 'Hà Nội' },
|
||||
{ value: 'Da Nang', label: 'Đà Nẵng' },
|
||||
],
|
||||
}));
|
||||
|
||||
describe('ValuationForm', () => {
|
||||
it('renders form title', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByText('Dinh gia bat dong san')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders property type select', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Loai bat dong san *')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders city select', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Tinh/Thanh pho *')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders district input', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Quan/Huyen *')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders area input', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Dien tich (m2) *')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders bedroom, bathroom, floors inputs', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Phong ngu')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Phong tam')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('So tang')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders frontage and road width inputs', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Mat tien (m)')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Do rong duong (m)')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders year built input', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Nam xay dung')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders legal paper checkbox', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByLabelText('Co so do/giay to hop phap')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders submit button', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByText('Dinh gia ngay')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows loading text when isLoading', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} isLoading={true} />);
|
||||
expect(screen.getByText('Dang dinh gia...')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('disables submit button when loading', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} isLoading={true} />);
|
||||
expect(screen.getByText('Dang dinh gia...')).toBeDisabled();
|
||||
});
|
||||
|
||||
it('renders property type options', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByText('Căn hộ')).toBeInTheDocument();
|
||||
expect(screen.getByText('Nhà riêng')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders city options', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByText('Hồ Chí Minh')).toBeInTheDocument();
|
||||
expect(screen.getByText('Hà Nội')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders description text', () => {
|
||||
render(<ValuationForm onSubmit={vi.fn()} />);
|
||||
expect(screen.getByText(/Nhap thong tin bat dong san de nhan uoc tinh gia tu AI/)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,197 @@
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { describe, expect, it, vi } from 'vitest';
|
||||
import type { ValuationHistoryItem } from '@/lib/valuation-api';
|
||||
import { ValuationHistory } from '../valuation-history';
|
||||
|
||||
const mockItems: ValuationHistoryItem[] = [
|
||||
{
|
||||
id: 'val-1',
|
||||
propertyType: 'APARTMENT',
|
||||
district: 'Quận 1',
|
||||
city: 'Ho Chi Minh',
|
||||
area: 80,
|
||||
estimatedPriceVND: 5_000_000_000,
|
||||
confidence: 0.85,
|
||||
createdAt: '2026-01-15T10:00:00Z',
|
||||
},
|
||||
{
|
||||
id: 'val-2',
|
||||
propertyType: 'HOUSE',
|
||||
district: 'Quận 7',
|
||||
city: 'Ho Chi Minh',
|
||||
area: 120,
|
||||
estimatedPriceVND: 8_500_000_000,
|
||||
confidence: 0.9,
|
||||
createdAt: '2026-01-10T10:00:00Z',
|
||||
},
|
||||
];
|
||||
|
||||
describe('ValuationHistory', () => {
|
||||
it('renders history title', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('Lich su dinh gia')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders total count description', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('2 lan dinh gia truoc do')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders property type labels', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('Can ho')).toBeInTheDocument();
|
||||
expect(screen.getByText('Nha rieng')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders district and area for each item', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText(/Quận 1.*80 m2/)).toBeInTheDocument();
|
||||
expect(screen.getByText(/Quận 7.*120 m2/)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders formatted prices', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('5.00 ty')).toBeInTheDocument();
|
||||
expect(screen.getByText('8.50 ty')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls onSelect when an item is clicked', async () => {
|
||||
const onSelect = vi.fn();
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={onSelect}
|
||||
onSelect={onSelect}
|
||||
/>,
|
||||
);
|
||||
await userEvent.click(screen.getByText('Can ho'));
|
||||
expect(onSelect).toHaveBeenCalledWith('val-1');
|
||||
});
|
||||
|
||||
it('shows empty state when no items', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={[]}
|
||||
total={0}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('Chua co lich su dinh gia')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows loading state', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={[]}
|
||||
total={0}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
isLoading
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('Dang tai...')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows pagination when multiple pages', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={25}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByText('Trang 1/3')).toBeInTheDocument();
|
||||
expect(screen.getByRole('button', { name: 'Truoc' })).toBeDisabled();
|
||||
expect(screen.getByRole('button', { name: 'Tiep' })).not.toBeDisabled();
|
||||
});
|
||||
|
||||
it('calls onPageChange with next page', async () => {
|
||||
const onPageChange = vi.fn();
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={25}
|
||||
page={1}
|
||||
onPageChange={onPageChange}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
await userEvent.click(screen.getByRole('button', { name: 'Tiep' }));
|
||||
expect(onPageChange).toHaveBeenCalledWith(2);
|
||||
});
|
||||
|
||||
it('disables next button on last page', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={25}
|
||||
page={3}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.getByRole('button', { name: 'Tiep' })).toBeDisabled();
|
||||
expect(screen.getByRole('button', { name: 'Truoc' })).not.toBeDisabled();
|
||||
});
|
||||
|
||||
it('hides pagination when single page', () => {
|
||||
render(
|
||||
<ValuationHistory
|
||||
items={mockItems}
|
||||
total={2}
|
||||
page={1}
|
||||
onPageChange={vi.fn()}
|
||||
onSelect={vi.fn()}
|
||||
/>,
|
||||
);
|
||||
expect(screen.queryByText(/Trang/)).not.toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,110 @@
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import { describe, expect, it } from 'vitest';
|
||||
import type { ValuationResult } from '@/lib/valuation-api';
|
||||
import { ValuationResults } from '../valuation-results';
|
||||
|
||||
const mockResult: ValuationResult = {
|
||||
id: 'val-1',
|
||||
estimatedPriceVND: 5_000_000_000,
|
||||
confidence: 0.87,
|
||||
pricePerM2: 62_500_000,
|
||||
priceRangeLow: 4_500_000_000,
|
||||
priceRangeHigh: 5_500_000_000,
|
||||
comparables: [
|
||||
{
|
||||
id: 'comp-1',
|
||||
title: 'Căn hộ tương tự A',
|
||||
address: '456 Nguyễn Hữu Thọ',
|
||||
district: 'Quận 7',
|
||||
priceVND: '4800000000',
|
||||
areaM2: 78,
|
||||
pricePerM2: 61_500_000,
|
||||
similarity: 0.92,
|
||||
},
|
||||
{
|
||||
id: 'comp-2',
|
||||
title: 'Căn hộ tương tự B',
|
||||
address: '789 Phạm Viết Chánh',
|
||||
district: 'Bình Thạnh',
|
||||
priceVND: '5200000000',
|
||||
areaM2: 82,
|
||||
pricePerM2: 63_400_000,
|
||||
similarity: 0.85,
|
||||
},
|
||||
],
|
||||
priceDrivers: [
|
||||
{ feature: 'Vị trí trung tâm', impact: 15.5, direction: 'positive' },
|
||||
{ feature: 'Tầng thấp', impact: -5.2, direction: 'negative' },
|
||||
],
|
||||
modelVersion: 'v1.0',
|
||||
createdAt: '2026-01-15T10:00:00Z',
|
||||
};
|
||||
|
||||
describe('ValuationResults', () => {
|
||||
it('renders estimated price', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('5.00 ty VND')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders confidence percentage', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('87%')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders price per m2', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('62.5 tr/m2')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders price range', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText(/4\.50 ty.*5\.50 ty/)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders price drivers section', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('Yeu to anh huong gia')).toBeInTheDocument();
|
||||
expect(screen.getByText('Vị trí trung tâm')).toBeInTheDocument();
|
||||
expect(screen.getByText('Tầng thấp')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows positive driver with + sign', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('+15.5%')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows negative driver with - sign', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('-5.2%')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders comparables section', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('Bat dong san tuong tu')).toBeInTheDocument();
|
||||
expect(screen.getByText('Căn hộ tương tự A')).toBeInTheDocument();
|
||||
expect(screen.getByText('Căn hộ tương tự B')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows comparable count', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText(/2 bat dong san/)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows similarity percentage for comparables', () => {
|
||||
render(<ValuationResults result={mockResult} />);
|
||||
expect(screen.getByText('92% tuong tu')).toBeInTheDocument();
|
||||
expect(screen.getByText('85% tuong tu')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('hides drivers section when empty', () => {
|
||||
const noDrivers = { ...mockResult, priceDrivers: [] };
|
||||
render(<ValuationResults result={noDrivers} />);
|
||||
expect(screen.queryByText('Yeu to anh huong gia')).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('hides comparables section when empty', () => {
|
||||
const noComps = { ...mockResult, comparables: [] };
|
||||
render(<ValuationResults result={noComps} />);
|
||||
expect(screen.queryByText('Bat dong san tuong tu')).not.toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user