230 lines
9.3 KiB
TypeScript
230 lines
9.3 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { cleanup, render, screen, within } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
|
|
import type { InstanceContext } from '../app-shell.js';
|
|
import { MessagesModule, type MessagesDataSource } from './messages-module.js';
|
|
|
|
const instance: InstanceContext = {
|
|
id: 'alpha',
|
|
name: 'Alpha',
|
|
origin: 'http://192.168.1.2',
|
|
status: 'unknown',
|
|
authentication: 'unknown',
|
|
freshness: 'unknown',
|
|
};
|
|
afterEach(cleanup);
|
|
|
|
describe('MessagesModule', () => {
|
|
it('organizes messages as conversations and starts a new conversation before composing', async () => {
|
|
const user = userEvent.setup();
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({
|
|
messages: [
|
|
{
|
|
id: '32',
|
|
direction: 'incoming',
|
|
phoneNumber: '10086',
|
|
content: '余额提醒',
|
|
timestamp: '2026-07-18 09:09:20',
|
|
status: 'received',
|
|
},
|
|
],
|
|
}),
|
|
send: vi.fn(),
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
|
|
const conversations = await screen.findByRole('region', { name: '短信对话' });
|
|
expect(within(conversations).getByRole('button', { name: /10086/ })).toBeTruthy();
|
|
expect(screen.getByRole('region', { name: '当前短信会话' }).textContent).toContain(
|
|
'选择一个对话',
|
|
);
|
|
|
|
await user.click(within(conversations).getByRole('button', { name: '新建对话' }));
|
|
const dialog = screen.getByRole('dialog', { name: '新建对话' });
|
|
expect(within(dialog).getByRole('textbox', { name: '手机号' })).toBeTruthy();
|
|
expect(screen.queryByRole('textbox', { name: '短信内容' })).toBeNull();
|
|
});
|
|
|
|
it('shows the real message list including content and never exposes PDU', async () => {
|
|
const user = userEvent.setup();
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({
|
|
messages: [
|
|
{
|
|
id: '32',
|
|
direction: 'incoming',
|
|
phoneNumber: '10086',
|
|
content: '余额提醒',
|
|
timestamp: '2026-07-18 09:09:20',
|
|
status: 'received',
|
|
pdu: 'secret-pdu',
|
|
},
|
|
],
|
|
}),
|
|
send: vi.fn(),
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: /10086/ }));
|
|
expect((await screen.findAllByText('余额提醒')).length).toBeGreaterThanOrEqual(2);
|
|
expect(screen.getByText(/收到 · 10086/)).toBeTruthy();
|
|
expect(document.body.textContent).not.toContain('secret-pdu');
|
|
});
|
|
|
|
it('clears recipient-bound drafts when the conversation changes', async () => {
|
|
const user = userEvent.setup();
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({
|
|
messages: [
|
|
{
|
|
id: 'one',
|
|
direction: 'incoming',
|
|
phoneNumber: '10086',
|
|
content: 'A',
|
|
timestamp: '2026-07-18 09:09:20',
|
|
status: 'received',
|
|
},
|
|
{
|
|
id: 'two',
|
|
direction: 'incoming',
|
|
phoneNumber: '10010',
|
|
content: 'B',
|
|
timestamp: '2026-07-18 09:10:20',
|
|
status: 'received',
|
|
},
|
|
],
|
|
}),
|
|
send: vi.fn(),
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: /10086/ }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'draft for 10086');
|
|
await user.click(screen.getByRole('button', { name: /10010/ }));
|
|
expect((screen.getByRole('textbox', { name: '短信内容' }) as HTMLTextAreaElement).value).toBe(
|
|
'',
|
|
);
|
|
});
|
|
|
|
it('discards a pending confirmation when the instance owner changes', async () => {
|
|
const user = userEvent.setup();
|
|
const send = vi.fn().mockResolvedValue(undefined);
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({ messages: [] }),
|
|
send,
|
|
};
|
|
const second = { ...instance, id: 'beta', name: 'Beta' };
|
|
const { rerender } = render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: '新建对话' }));
|
|
const dialog = screen.getByRole('dialog', { name: '新建对话' });
|
|
await user.type(within(dialog).getByRole('textbox', { name: '手机号' }), '10086');
|
|
await user.click(within(dialog).getByRole('button', { name: '开始对话' }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'owner-bound draft');
|
|
await user.click(screen.getByRole('button', { name: '发送短信' }));
|
|
expect(screen.getByRole('region', { name: '确认发送短信' })).toBeTruthy();
|
|
|
|
rerender(<MessagesModule instance={second} dataSource={dataSource} />);
|
|
expect(screen.queryByRole('region', { name: '确认发送短信' })).toBeNull();
|
|
expect(send).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('drops an old confirmation when starting another recipient conversation', async () => {
|
|
const user = userEvent.setup();
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({
|
|
messages: [
|
|
{
|
|
id: 'one',
|
|
direction: 'incoming',
|
|
phoneNumber: '10086',
|
|
content: 'A',
|
|
timestamp: '2026-07-18 09:09:20',
|
|
status: 'received',
|
|
},
|
|
],
|
|
}),
|
|
send: vi.fn(),
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: /10086/ }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'old confirmation');
|
|
await user.click(screen.getByRole('button', { name: '发送短信' }));
|
|
expect(screen.getByRole('region', { name: '确认发送短信' })).toBeTruthy();
|
|
|
|
await user.click(screen.getByRole('button', { name: '新建对话' }));
|
|
const dialog = screen.getByRole('dialog', { name: '新建对话' });
|
|
await user.type(within(dialog).getByRole('textbox', { name: '手机号' }), '10010');
|
|
await user.click(within(dialog).getByRole('button', { name: '开始对话' }));
|
|
expect(screen.queryByRole('region', { name: '确认发送短信' })).toBeNull();
|
|
});
|
|
|
|
it('preserves a new recipient draft when an earlier send completes late', async () => {
|
|
const user = userEvent.setup();
|
|
let resolveSend: (() => void) | undefined;
|
|
const send = vi.fn(
|
|
() =>
|
|
new Promise<void>((resolve) => {
|
|
resolveSend = resolve;
|
|
}),
|
|
);
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({
|
|
messages: [
|
|
{
|
|
id: 'one',
|
|
direction: 'incoming',
|
|
phoneNumber: '10086',
|
|
content: 'A',
|
|
timestamp: '2026-07-18 09:09:20',
|
|
status: 'received',
|
|
},
|
|
{
|
|
id: 'two',
|
|
direction: 'incoming',
|
|
phoneNumber: '10010',
|
|
content: 'B',
|
|
timestamp: '2026-07-18 09:10:20',
|
|
status: 'received',
|
|
},
|
|
],
|
|
}),
|
|
send,
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: /10086/ }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'send to 10086');
|
|
await user.click(screen.getByRole('button', { name: '发送短信' }));
|
|
await user.click(screen.getByRole('button', { name: '确认并发送' }));
|
|
await user.click(screen.getByRole('button', { name: /10010/ }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'draft for 10010');
|
|
|
|
resolveSend?.();
|
|
expect(await screen.findByDisplayValue('draft for 10010')).toBeTruthy();
|
|
});
|
|
|
|
it('requires an explicit review step before it submits exactly once', async () => {
|
|
const user = userEvent.setup();
|
|
const send = vi.fn().mockResolvedValue(undefined);
|
|
const dataSource: MessagesDataSource = {
|
|
load: vi.fn().mockResolvedValue({ messages: [] }),
|
|
send,
|
|
};
|
|
render(<MessagesModule instance={instance} dataSource={dataSource} />);
|
|
await user.click(await screen.findByRole('button', { name: '新建对话' }));
|
|
const dialog = screen.getByRole('dialog', { name: '新建对话' });
|
|
await user.type(within(dialog).getByRole('textbox', { name: '手机号' }), '10086');
|
|
await user.click(within(dialog).getByRole('button', { name: '开始对话' }));
|
|
await user.type(screen.getByRole('textbox', { name: '短信内容' }), 'CXLL');
|
|
await user.click(screen.getByRole('button', { name: '发送短信' }));
|
|
expect(send).not.toHaveBeenCalled();
|
|
const confirmation = screen.getByRole('region', { name: '确认发送短信' });
|
|
expect(confirmation.textContent).toContain('10086');
|
|
expect(confirmation.textContent).toContain('CXLL');
|
|
await user.click(within(confirmation).getByRole('button', { name: '确认并发送' }));
|
|
expect(send).toHaveBeenCalledTimes(1);
|
|
expect(send).toHaveBeenCalledWith('alpha', { phoneNumber: '10086', content: 'CXLL' });
|
|
expect((await screen.findByRole('status')).textContent).toContain('短信已提交发送');
|
|
});
|
|
});
|