我想為鉤子原子創建單元測驗，我需要幫助
這是我的代碼`
import * as React from 'react';
import { Button } from 'react-bootstrap'
const AtomButton =(props) =>{
return (
<div id= 'login-btn'>
<Button
variant={props.type}
onClick={props.onClick}
>
{props.text}
</Button>
</div>
);
}
export default AtomButton
`
我希望為這個鉤子創建單元測驗
uj5u.com熱心網友回復：
如果你使用 reactTestLibrary、Jest 和 UserEvent，你可以做一些簡單的事情
describe('test AtomButton' , () => {
it('call props function when button is clicked', async () => {
const mockOnClick = jest.fn();
render(<AtomButton {{onClick: mockOnClick, text:'blabla'}}>)
const button = await screen.findByText('blabla');
userEvent.click(button);
expect(mockOnClick).toHaveBeenCalled();
})
})
如果您想通過檢查按鈕上的類來檢查使用的變體是否正確，可以添加更多...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/530683.html