Notes

import { render, screen, fireEvent } from '@testing-library/react';
import YourComponent from './YourComponent'; // Replace with your actual component

describe('Input Field Validation', () => {
beforeEach(() => {
render(<YourComponent />);
});

test('Add Policy button is clickable with valid input (3 letters followed by 5 numbers)', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i); // Update with the actual placeholder
const button = screen.getByRole('button', { name: /add policy/i }); // Update with the actual button name

fireEvent.change(input, { target: { value: 'ABC12345' } });

expect(button).toBeEnabled();
});

test('Add Policy button is disabled with less than 3 letters', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'AB12345' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with less than 5 numbers', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'ABC1234' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with more than 3 letters', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'ABCDE12345' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with more than 5 numbers', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'ABC123456' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with numbers before letters', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: '12345ABC' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with letters after numbers', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'ABC1234A' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with special characters', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'AB@12345' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with whitespace', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: 'ABC 12345' } });

expect(button).toBeDisabled();
});

test('Add Policy button is disabled with empty input', () => {
const input = screen.getByPlaceholderText(/your input placeholder/i);
const button = screen.getByRole('button', { name: /add policy/i });

fireEvent.change(input, { target: { value: '' } });

expect(button).toBeDisabled();
});
});