Middle
Фронтендде бир нерсе сынап көрдүңүзбү?
sobes.tech AI
AIден жооп
Ооба, алдыңкы жакта компоненттер жана колдонуучу интерфейсин тестирлөө үчүн Jest жана React Testing Library (React үчүн) же Cypress сыяктуу инструменттер колдонулат. Мисалы, Jest менен тест жазса болот, ал кнопкага басканда тиешелүү функция чакырылат деп текшерет:
import { render, fireEvent } from '@testing-library/react';
import MyButton from './MyButton';
test('батырмага басканда иштетүүчү чакырылат', () => {
const onClick = jest.fn();
const { getByText } = render(<MyButton onClick={onClick}>Мени бас</MyButton>);
fireEvent.click(getByText('Мени бас'));
expect(onClick).toHaveBeenCalledTimes(1);
});
Бул ыкма UI туура иштеп жатканын камсыз кылууга жана өзгөртүүлөр функциялык жактан бузбашына жардам берет.