7d26436461
Cover critical-path and feature components that were missing tests: - charts: district-heatmap - chuyen-nhuong: detail-client, transfer-wizard-client - du-an: detail-client, project-ai-advice-card, project-map - khu-cong-nghiep: detail-client, listing-search-client, park-compare-client, park-map All 49 new tests pass with Vitest + React Testing Library. Co-Authored-By: Paperclip <noreply@paperclip.ing>
93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { describe, expect, it, vi } from 'vitest';
|
|
|
|
vi.mock('@/lib/khu-cong-nghiep-api', () => ({
|
|
PARK_STATUS_LABELS: { OPERATIONAL: 'Hoạt động', PLANNING: 'Quy hoạch', UNDER_CONSTRUCTION: 'Đang xây dựng', FULL: 'Đã lấp đầy' },
|
|
PARK_STATUS_COLORS: { OPERATIONAL: 'bg-green-100 text-green-800', PLANNING: 'bg-blue-100 text-blue-800', UNDER_CONSTRUCTION: 'bg-amber-100 text-amber-800', FULL: 'bg-red-100 text-red-800' },
|
|
REGION_LABELS: { NORTH: 'Miền Bắc', CENTRAL: 'Miền Trung', SOUTH: 'Miền Nam' },
|
|
}));
|
|
|
|
import { KhuCongNghiepDetailClient } from '../khu-cong-nghiep-detail-client';
|
|
|
|
const park = {
|
|
id: 'ip1',
|
|
name: 'KCN Tân Bình',
|
|
nameEn: 'Tan Binh IP',
|
|
slug: 'kcn-tan-binh',
|
|
developer: 'Becamex',
|
|
operator: 'Becamex IDC',
|
|
status: 'OPERATIONAL' as const,
|
|
latitude: 10.8,
|
|
longitude: 106.6,
|
|
address: '123 Đại lộ',
|
|
district: 'Tân Bình',
|
|
province: 'Bình Dương',
|
|
region: 'SOUTH' as const,
|
|
totalAreaHa: 500,
|
|
leasableAreaHa: 400,
|
|
occupancyRate: 85,
|
|
remainingAreaHa: 60,
|
|
tenantCount: 120,
|
|
listingCount: 15,
|
|
establishedYear: 2005,
|
|
isVerified: true,
|
|
landRentUsdM2Year: '55.0000',
|
|
rbfRentUsdM2Month: '4.5000',
|
|
rbwRentUsdM2Month: '3.2000',
|
|
managementFeeUsd: '0.8000',
|
|
targetIndustries: ['Điện tử', 'Cơ khí'],
|
|
certifications: ['ISO 14001'],
|
|
description: 'KCN hàng đầu',
|
|
infrastructure: { power: '110kV', water: '50,000 m³/ngày' },
|
|
connectivity: { airport: { name: 'Tân Sơn Nhất', distanceKm: 25 } },
|
|
incentives: { cit: '2 năm miễn thuế' },
|
|
existingTenants: [{ name: 'Samsung', country: 'Hàn Quốc', industry: 'Điện tử' }],
|
|
documents: [{ name: 'Brochure.pdf', url: '/docs/b.pdf' }],
|
|
} as never;
|
|
|
|
describe('KhuCongNghiepDetailClient', () => {
|
|
it('renders park name', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('KCN Tân Bình')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders English name', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('Tan Binh IP')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders status badge', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('Hoạt động')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders verified badge', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('Đã xác minh')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders quick stats', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('500 ha')).toBeInTheDocument();
|
|
expect(screen.getByText('85%')).toBeInTheDocument();
|
|
expect(screen.getByText('120')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders target industries', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('Điện tử')).toBeInTheDocument();
|
|
expect(screen.getByText('Cơ khí')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders rent info', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByText('$55.0000/m²/năm')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders tabs', () => {
|
|
render(<KhuCongNghiepDetailClient park={park} />);
|
|
expect(screen.getByRole('tab', { name: 'Hạ tầng' })).toBeInTheDocument();
|
|
expect(screen.getByRole('tab', { name: 'Doanh nghiệp' })).toBeInTheDocument();
|
|
});
|
|
});
|