31 lines
1.4 KiB
TypeScript
31 lines
1.4 KiB
TypeScript
import { render, screen, waitFor } from '@testing-library/react';
|
|
import { CloudWechatQr } from '@/pages/CloudAgents/CloudWechatQr';
|
|
|
|
describe('CloudWechatQr', () => {
|
|
it('generates an SVG QR locally from the provider login URL', async () => {
|
|
render(<CloudWechatQr value="https://wechat.example.test/login?ticket=abc" />);
|
|
|
|
const qr = await screen.findByAltText('个人微信登录二维码');
|
|
expect(qr.tagName).toBe('IMG');
|
|
expect(qr.getAttribute('src')).toMatch(/^data:image\/svg\+xml;charset=utf-8,/);
|
|
expect(qr.getAttribute('width')).toBe('192');
|
|
expect(qr.getAttribute('height')).toBe('192');
|
|
});
|
|
|
|
it('does not show the previous QR while the value changes', async () => {
|
|
const view = render(<CloudWechatQr value="https://wechat.example.test/login?ticket=old" />);
|
|
await screen.findByAltText('个人微信登录二维码');
|
|
|
|
view.rerender(<CloudWechatQr value="https://wechat.example.test/login?ticket=new" />);
|
|
expect(screen.queryByAltText('个人微信登录二维码')).toBeNull();
|
|
expect(screen.getByRole('status')).toHaveTextContent('正在生成二维码');
|
|
await waitFor(() => expect(screen.getByAltText('个人微信登录二维码')).toBeInTheDocument());
|
|
});
|
|
|
|
it('shows a Chinese error when QR generation fails', async () => {
|
|
render(<CloudWechatQr value={'x'.repeat(5000)} />);
|
|
|
|
expect(await screen.findByRole('alert')).toHaveTextContent('二维码生成失败，请重试');
|
|
});
|
|
});
|