Files
goodgo-platform/apps/web/components/valuation/__tests__/valuation-results.spec.tsx
Ho Ngoc Hai 74804757c5 test(analytics): add unit tests for AVM batch, history, comparison endpoints
Add comprehensive test coverage for the three AVM API upgrade endpoints:
- BatchValuationHandler: batch results, partial failures, error handling
- ValuationHistoryHandler: history retrieval, limit, empty state, errors
- ValuationComparisonHandler: multi-property compare, summary, edge cases
- AnalyticsController: route-level tests for all new endpoints

Fix async error handling in handlers by adding await to cache.getOrSet
calls so try/catch blocks properly catch rejections.

Fix pre-existing web test failures: add missing FLOOD_RISK_OPTIONS and
QUALITY_LABELS to valuation-form mock, update valuation-results assertions
to match current component rendering.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-04-16 17:28:38 +07:00

89 lines
2.8 KiB
TypeScript

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 tỷ VNĐ')).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/m²')).toBeInTheDocument();
});
it('renders price range', () => {
render(<ValuationResults result={mockResult} />);
expect(screen.getByText('4.5 tỷ')).toBeInTheDocument();
expect(screen.getByText('5.5 tỷ')).toBeInTheDocument();
});
it('renders price drivers section', () => {
render(<ValuationResults result={mockResult} />);
expect(screen.getByText('Yếu tố chính')).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('hides drivers section when empty', () => {
const noDrivers = { ...mockResult, priceDrivers: [] };
render(<ValuationResults result={noDrivers} />);
expect(screen.queryByText('Yếu tố chính')).not.toBeInTheDocument();
});
});