import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { describe, expect, it } from 'vitest';
import { Textarea } from '../textarea';
describe('Textarea', () => {
it('renders a textarea element', () => {
render();
expect(screen.getByPlaceholderText('Mô tả')).toBeInTheDocument();
});
it('accepts typed input', async () => {
render();
const textarea = screen.getByPlaceholderText('Nhập nội dung');
await userEvent.type(textarea, 'Test content');
expect(textarea).toHaveValue('Test content');
});
it('is disabled when disabled prop is set', () => {
render();
expect(screen.getByPlaceholderText('Disabled')).toBeDisabled();
});
it('applies custom className', () => {
render();
expect(screen.getByPlaceholderText('Custom')).toHaveClass('tall');
});
});