import React, { useState } from 'react'; import QRCode from '..'; import mountTest from '../../../tests/shared/mountTest'; import rtlTest from '../../../tests/shared/rtlTest'; import { fireEvent, render } from '../../../tests/utils'; import type { QRCodeProps } from '../interface'; describe('QRCode test', () => { mountTest(QRCode); rtlTest(QRCode); it('should correct render', () => { const { container } = render(); expect( container ?.querySelector('.ant-qrcode') ?.querySelector('canvas'), ).toBeTruthy(); expect(container).toMatchSnapshot(); }); it('should render `null` and console Error when value not exist', () => { const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); const { container } = render(); expect(container.firstChild).toBe(null); expect(container.firstChild).toMatchSnapshot(); expect(errSpy).toHaveBeenCalledWith('Warning: [antd: QRCode] need to receive `value` props'); errSpy.mockRestore(); }); it('support custom icon', () => { const { container } = render(); expect( container ?.querySelector('.ant-qrcode') ?.querySelector('img'), ).toBeTruthy(); }); it('support custom size', () => { const { container } = render(); expect(container.querySelector('.ant-qrcode')).toHaveStyle('width: 100px; height: 100px'); }); it('support refresh', () => { const refresh = jest.fn(); const { container } = render(); fireEvent.click( container ?.querySelector('.ant-qrcode') ?.querySelector('button.ant-btn-link')!, ); expect(refresh).toHaveBeenCalled(); }); it('support loading', () => { const Demo: React.FC = () => { const [status, setStatus] = useState('active'); return ( <> ); }; const { container } = render(); expect(container.querySelector('.ant-spin-spinning')).toBeFalsy(); fireEvent.click(container?.querySelector('button')!); expect(container.querySelector('.ant-spin-spinning')).toBeTruthy(); }); it('support bordered', () => { const { container } = render(); expect(container?.querySelector('.ant-qrcode')).toHaveClass( 'ant-qrcode-borderless', ); }); it('should console Error when icon exist && errorLevel is `L`', () => { const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); render(); expect(errSpy).toHaveBeenCalledWith( 'Warning: [antd: QRCode] ErrorLevel `L` is not recommended to be used with `icon`, for scanning result would be affected by low level.', ); errSpy.mockRestore(); }); });