feat(cache): implement Redis caching for search & analytics hot paths
- Add TTL-specific cache durations: district stats (5min), market report (15min), heatmap (5min) - Add Redis caching to GeoSearch handler with 60s TTL - Add cache invalidation on listing.approved, listing.updated, listing.deactivated, listing.sold events - Invalidate search, geo_search, and all analytics cache prefixes on listing state changes - Update tests for new CacheService dependency in event handler and geo-search handler Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
Ho Ngoc Hai
145
apps/web/app/(auth)/__tests__/login.spec.tsx
Normal file
145
apps/web/app/(auth)/__tests__/login.spec.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
import { render, screen, waitFor } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
||||
import { useAuthStore } from '@/lib/auth-store';
|
||||
|
||||
// Mock next/navigation
|
||||
const mockPush = vi.fn();
|
||||
const mockSearchParams = new URLSearchParams();
|
||||
vi.mock('next/navigation', () => ({
|
||||
useRouter: () => ({ push: mockPush }),
|
||||
useSearchParams: () => mockSearchParams,
|
||||
}));
|
||||
|
||||
// Mock next/link
|
||||
vi.mock('next/link', () => ({
|
||||
default: ({ children, href, ...props }: { children: React.ReactNode; href: string; [key: string]: unknown }) => (
|
||||
<a href={href} {...props}>{children}</a>
|
||||
),
|
||||
}));
|
||||
|
||||
// Mock auth store
|
||||
vi.mock('@/lib/auth-store', () => {
|
||||
const store = {
|
||||
login: vi.fn(),
|
||||
isLoading: false,
|
||||
error: null,
|
||||
clearError: vi.fn(),
|
||||
};
|
||||
return {
|
||||
useAuthStore: vi.fn((selector) => {
|
||||
if (typeof selector === 'function') return selector(store);
|
||||
return store;
|
||||
}),
|
||||
};
|
||||
});
|
||||
|
||||
import LoginPage from '../login/page';
|
||||
|
||||
const mockedUseAuthStore = vi.mocked(useAuthStore);
|
||||
|
||||
describe('LoginPage', () => {
|
||||
let mockStore: {
|
||||
login: ReturnType<typeof vi.fn>;
|
||||
isLoading: boolean;
|
||||
error: string | null;
|
||||
clearError: ReturnType<typeof vi.fn>;
|
||||
};
|
||||
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockStore = {
|
||||
login: vi.fn(),
|
||||
isLoading: false,
|
||||
error: null,
|
||||
clearError: vi.fn(),
|
||||
};
|
||||
mockedUseAuthStore.mockImplementation((selector) => {
|
||||
if (typeof selector === 'function') return (selector as (s: typeof mockStore) => unknown)(mockStore);
|
||||
return mockStore as ReturnType<typeof useAuthStore>;
|
||||
});
|
||||
});
|
||||
|
||||
it('renders login form with phone and password fields', () => {
|
||||
render(<LoginPage />);
|
||||
|
||||
expect(screen.getByRole('heading', { name: 'Đăng nhập' })).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Số điện thoại')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Mật khẩu')).toBeInTheDocument();
|
||||
expect(screen.getByRole('button', { name: /đăng nhập/i })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders OAuth buttons', () => {
|
||||
render(<LoginPage />);
|
||||
|
||||
expect(screen.getByRole('button', { name: /google/i })).toBeInTheDocument();
|
||||
expect(screen.getByRole('button', { name: /zalo/i })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders register link', () => {
|
||||
render(<LoginPage />);
|
||||
|
||||
const registerLink = screen.getByRole('link', { name: /đăng ký/i });
|
||||
expect(registerLink).toHaveAttribute('href', '/register');
|
||||
});
|
||||
|
||||
it('submits form with valid data', async () => {
|
||||
mockStore.login.mockResolvedValue(undefined);
|
||||
render(<LoginPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'password123');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng nhập/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(mockStore.login).toHaveBeenCalledWith({
|
||||
phone: '0912345678',
|
||||
password: 'password123',
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('shows validation errors for empty fields', async () => {
|
||||
render(<LoginPage />);
|
||||
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng nhập/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
const alerts = screen.getAllByRole('alert');
|
||||
expect(alerts.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('toggles password visibility', async () => {
|
||||
render(<LoginPage />);
|
||||
|
||||
const passwordInput = screen.getByLabelText('Mật khẩu');
|
||||
expect(passwordInput).toHaveAttribute('type', 'password');
|
||||
|
||||
await userEvent.click(screen.getByText('Hiện'));
|
||||
expect(passwordInput).toHaveAttribute('type', 'text');
|
||||
|
||||
await userEvent.click(screen.getByText('Ẩn'));
|
||||
expect(passwordInput).toHaveAttribute('type', 'password');
|
||||
});
|
||||
|
||||
it('displays store error message', () => {
|
||||
mockStore.error = 'Sai mật khẩu';
|
||||
render(<LoginPage />);
|
||||
|
||||
expect(screen.getByText('Sai mật khẩu')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('navigates to home after successful login', async () => {
|
||||
mockStore.login.mockResolvedValue(undefined);
|
||||
render(<LoginPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'password123');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng nhập/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(mockPush).toHaveBeenCalledWith('/');
|
||||
});
|
||||
});
|
||||
});
|
||||
145
apps/web/app/(auth)/__tests__/register.spec.tsx
Normal file
145
apps/web/app/(auth)/__tests__/register.spec.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
import { render, screen, waitFor } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
||||
import { useAuthStore } from '@/lib/auth-store';
|
||||
|
||||
const mockPush = vi.fn();
|
||||
vi.mock('next/navigation', () => ({
|
||||
useRouter: () => ({ push: mockPush }),
|
||||
}));
|
||||
|
||||
vi.mock('next/link', () => ({
|
||||
default: ({ children, href, ...props }: { children: React.ReactNode; href: string; [key: string]: unknown }) => (
|
||||
<a href={href} {...props}>{children}</a>
|
||||
),
|
||||
}));
|
||||
|
||||
vi.mock('@/lib/auth-store', () => {
|
||||
const store = {
|
||||
register: vi.fn(),
|
||||
isLoading: false,
|
||||
error: null,
|
||||
clearError: vi.fn(),
|
||||
};
|
||||
return {
|
||||
useAuthStore: vi.fn((selector) => {
|
||||
if (typeof selector === 'function') return selector(store);
|
||||
return store;
|
||||
}),
|
||||
};
|
||||
});
|
||||
|
||||
import RegisterPage from '../register/page';
|
||||
|
||||
const mockedUseAuthStore = vi.mocked(useAuthStore);
|
||||
|
||||
describe('RegisterPage', () => {
|
||||
let mockStore: {
|
||||
register: ReturnType<typeof vi.fn>;
|
||||
isLoading: boolean;
|
||||
error: string | null;
|
||||
clearError: ReturnType<typeof vi.fn>;
|
||||
};
|
||||
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockStore = {
|
||||
register: vi.fn(),
|
||||
isLoading: false,
|
||||
error: null,
|
||||
clearError: vi.fn(),
|
||||
};
|
||||
mockedUseAuthStore.mockImplementation((selector) => {
|
||||
if (typeof selector === 'function') return (selector as (s: typeof mockStore) => unknown)(mockStore);
|
||||
return mockStore as ReturnType<typeof useAuthStore>;
|
||||
});
|
||||
});
|
||||
|
||||
it('renders register form with all fields', () => {
|
||||
render(<RegisterPage />);
|
||||
|
||||
expect(screen.getByText('Tạo tài khoản')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Họ và tên')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Số điện thoại')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText(/email/i)).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Mật khẩu')).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('Xác nhận mật khẩu')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders login link', () => {
|
||||
render(<RegisterPage />);
|
||||
const loginLink = screen.getByRole('link', { name: /đăng nhập/i });
|
||||
expect(loginLink).toHaveAttribute('href', '/login');
|
||||
});
|
||||
|
||||
it('submits form with valid data', async () => {
|
||||
mockStore.register.mockResolvedValue(undefined);
|
||||
render(<RegisterPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Họ và tên'), 'Nguyen Van A');
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'password123');
|
||||
await userEvent.type(screen.getByLabelText('Xác nhận mật khẩu'), 'password123');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng ký/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(mockStore.register).toHaveBeenCalledWith({
|
||||
phone: '0912345678',
|
||||
password: 'password123',
|
||||
fullName: 'Nguyen Van A',
|
||||
email: undefined,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('shows validation error for short password', async () => {
|
||||
render(<RegisterPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Họ và tên'), 'Nguyen Van A');
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'short');
|
||||
await userEvent.type(screen.getByLabelText('Xác nhận mật khẩu'), 'short');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng ký/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
const alerts = screen.getAllByRole('alert');
|
||||
expect(alerts.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('shows error when passwords do not match', async () => {
|
||||
render(<RegisterPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Họ và tên'), 'Nguyen Van A');
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'password123');
|
||||
await userEvent.type(screen.getByLabelText('Xác nhận mật khẩu'), 'differentpw');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng ký/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
const alerts = screen.getAllByRole('alert');
|
||||
expect(alerts.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('displays store error message', () => {
|
||||
mockStore.error = 'Số điện thoại đã tồn tại';
|
||||
render(<RegisterPage />);
|
||||
expect(screen.getByText('Số điện thoại đã tồn tại')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('navigates to home after successful registration', async () => {
|
||||
mockStore.register.mockResolvedValue(undefined);
|
||||
render(<RegisterPage />);
|
||||
|
||||
await userEvent.type(screen.getByLabelText('Họ và tên'), 'Nguyen Van A');
|
||||
await userEvent.type(screen.getByLabelText('Số điện thoại'), '0912345678');
|
||||
await userEvent.type(screen.getByLabelText('Mật khẩu'), 'password123');
|
||||
await userEvent.type(screen.getByLabelText('Xác nhận mật khẩu'), 'password123');
|
||||
await userEvent.click(screen.getByRole('button', { name: /đăng ký/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(mockPush).toHaveBeenCalledWith('/');
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user