Files
goodgo-platform/apps/web/components/ui/__tests__/input.spec.tsx
Ho Ngoc Hai ccb82fddf8 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>
2026-04-08 22:51:16 +07:00

41 lines
1.4 KiB
TypeScript

import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { describe, expect, it, vi } from 'vitest';
import { Input } from '../input';
describe('Input', () => {
it('renders an input element', () => {
render(<Input placeholder="Enter text" />);
expect(screen.getByPlaceholderText('Enter text')).toBeInTheDocument();
});
it('accepts and displays typed value', async () => {
render(<Input placeholder="Type here" />);
const input = screen.getByPlaceholderText('Type here');
await userEvent.type(input, 'Hello');
expect(input).toHaveValue('Hello');
});
it('applies type attribute', () => {
render(<Input type="email" placeholder="Email" />);
expect(screen.getByPlaceholderText('Email')).toHaveAttribute('type', 'email');
});
it('is disabled when disabled prop is set', () => {
render(<Input disabled placeholder="Disabled" />);
expect(screen.getByPlaceholderText('Disabled')).toBeDisabled();
});
it('calls onChange handler', async () => {
const onChange = vi.fn();
render(<Input onChange={onChange} placeholder="Input" />);
await userEvent.type(screen.getByPlaceholderText('Input'), 'a');
expect(onChange).toHaveBeenCalled();
});
it('applies custom className', () => {
render(<Input className="my-class" placeholder="Custom" />);
expect(screen.getByPlaceholderText('Custom')).toHaveClass('my-class');
});
});