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();
});
});