copyElementText

1/**
2 * Copies the text content of a DOM element to the clipboard.
3 *
4 * @param element - The DOM element whose text content should be copied.
5 * @returns A promise that resolves when the text is successfully copied.
6 */
7export async function copyElementText(element: HTMLElement): Promise<void> {
8  const text = element.innerText || element.textContent || '';
9  await navigator.clipboard.writeText(text);
10}

1test('copyElementText - copies text content of an element', async () => {
2  const mockWriteText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();
3  const div = document.createElement('div');
4  div.textContent = 'Copy this text';
5
6  await copyElementText(div);
7
8  expect(mockWriteText).toHaveBeenCalledWith('Copy this text');
9
10  mockWriteText.mockRestore();
11});
12
13test('copyElementText - falls back to innerText if available', async () => {
14  const mockWriteText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();
15  const div = document.createElement('div');
16  Object.defineProperty(div, 'innerText', {
17    get: () => 'Text from innerText',
18  });
19
20  await copyElementText(div);
21
22  expect(mockWriteText).toHaveBeenCalledWith('Text from innerText');
23
24  mockWriteText.mockRestore();
25});