)._copyText; // own stub off: the real prototype method runs
+ const writeText = vi.fn(async () => {
+ throw new Error('NotAllowedError');
+ });
+ appContext.navigator = { clipboard: { writeText } };
+ const execCommand = vi.fn(() => false);
+ (document as unknown as { execCommand: unknown }).execCommand = execCommand;
+
+ await app.toggleResponseViewer();
+ await app.copyResponseViewerMarkdown();
+
+ expect(writeText).toHaveBeenCalledWith(MARKDOWN);
+ expect(execCommand).toHaveBeenCalledWith('copy');
+ expect(button.classList.contains('rv-copied')).toBe(false);
+ expect(button.classList.contains('rv-copy-failed')).toBe(true);
+ expect(app.showToast).toHaveBeenCalledWith('Failed to copy response as Markdown', 'error');
+ });
+
+ it('a later success clears the failure state', async () => {
+ const { button } = mountViewer();
+ const app = makeApp({ text: MARKDOWN });
+ app._copyText.mockResolvedValueOnce(false).mockResolvedValueOnce(true);
+ await app.toggleResponseViewer();
+ await app.copyResponseViewerMarkdown();
+ await app.copyResponseViewerMarkdown();
+ expect(button.classList.contains('rv-copy-failed')).toBe(false);
+ expect(button.classList.contains('rv-copied')).toBe(true);
+ });
+});
+
+describe('the per-code-block copy button still works through the shared state helper', () => {
+ it('copies the block and marks the button', async () => {
+ const { body } = mountViewer();
+ body.innerHTML =
+ '';
+ const app = makeApp();
+ app._bindResponseViewerInteractions(body);
+ const button = body.querySelector('.rv-copy-btn') as HTMLElement;
+ button.dispatchEvent(new dom.window.MouseEvent('click', { bubbles: true, cancelable: true }));
+ await vi.waitFor(() => expect(button.classList.contains('rv-copied')).toBe(true));
+ expect(app._copyText).toHaveBeenCalledWith('npm test');
+ });
+});
+
+describe('Copy Markdown markup, layout and strings', () => {
+ it('sits in the viewer actions as a real button wired to the copy method', () => {
+ const actions = read('index.html').match(/[\s\S]*?<\/div>/)?.[0] ?? '';
+ const tag = actions.match(/]*id="responseViewerCopyMarkdown"[^>]*>/)?.[0] ?? '';
+ expect(tag).toContain('type="button"');
+ expect(tag).toContain('onclick="app.copyResponseViewerMarkdown()"');
+ expect(tag).toContain('aria-label="Copy response as Markdown"');
+ expect(actions).toContain('>Copy Markdown');
+ });
+
+ it('colors copy feedback from skin tokens, like the code-block button', () => {
+ const css = read('styles.css');
+ const rule = (selector: string) => css.split(`${selector} {`)[1]?.split('}')[0] ?? '';
+ expect(rule('.response-viewer-copy-markdown.rv-copied')).toContain('var(--green)');
+ expect(rule('.response-viewer-copy-markdown.rv-copy-failed')).toContain('var(--red)');
+ });
+
+ it('lets a long title shrink on phones so the actions stay on screen', () => {
+ const css = read('mobile.css');
+ const rule = (selector: string) => css.split(`${selector} {`)[1]?.split('}')[0] ?? '';
+ expect(rule('.response-viewer-header > span')).toContain('min-width: 0');
+ expect(rule('.response-viewer-header > span')).toContain('text-overflow: ellipsis');
+ expect(rule('.response-viewer-actions')).toContain('flex-shrink: 0');
+ });
+
+ it('translates the button and every toast into zh-CN', () => {
+ const i18nDom = new JSDOM('', {
+ runScripts: 'outside-only',
+ url: 'http://localhost/',
+ });
+ vm.runInContext(read('i18n.js'), i18nDom.getInternalVMContext(), { filename: 'i18n.js' });
+ const api = (i18nDom.window as unknown as { CodemanI18n: { t(s: string): string; configure(o: object): void } })
+ .CodemanI18n;
+ api.configure({ language: 'zh-CN' });
+
+ const method = read('app.js').match(/\n {2}async copyResponseViewerMarkdown\(\) \{[\s\S]*?\n {2}\}\n/)?.[0] ?? '';
+ const toasts = [...method.matchAll(/'((?:No|Copied|Failed)[^']+)'/g)].map((m) => m[1]);
+ expect(new Set(toasts)).toEqual(
+ new Set(['No response content to copy', 'Copied response as Markdown', 'Failed to copy response as Markdown'])
+ );
+ // Exact strings: a generic rule turns any "Failed to ..." into half-translated text.
+ expect(api.t('No response content to copy')).toBe('没有可复制的回复内容');
+ expect(api.t('Copied response as Markdown')).toBe('已将回复复制为 Markdown');
+ expect(api.t('Failed to copy response as Markdown')).toBe('无法将回复复制为 Markdown');
+ expect(api.t('Copy Markdown')).toBe('复制 Markdown');
+ expect(api.t('Copy response as Markdown')).toBe('将回复复制为 Markdown');
+ i18nDom.window.close();
+ });
+});