423e74c4-de62-419d-af68-9026096e2541

Committed 07 Aug 2024 03:29AM UTC coverage: 46.688% (-0.3%) from 46.993%

Build # 423e74c4-de62-419d-af68-9026096e2541

Build Type

Pull #277

circleci

Committed by

Maple13

Commit Message

fix(fragment): complete the table element structure obtained through the selection

Pull Request Pull Request #277: fix(fragment): complete the table element structure obtained through …

Run Details

409 of 1077 branches covered (37.98%)

Branch coverage included in aggregate %.

1 of 20 new or added lines in 2 files covered. (5.0%)

61 existing lines in 3 files now uncovered.

1022 of 1988 relevant lines covered (51.41%)

44.16 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

7.69

/packages/src/utils/clipboard/clipboard.ts

1	import { Element } from 'slate';
2	import { ClipboardData } from '../../types/clipboard';
3	import { SlateFragmentAttributeKey, getSlateFragmentAttribute } from '../dom';
4	import { isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported } from './common';
5	import { getDataTransferClipboard, setDataTransferClipboard, setDataTransferClipboardText } from './data-transfer';
6	import { getNavigatorClipboard, setNavigatorClipboard } from './navigator-clipboard';
7
8	export const buildHTMLText = (wrapper: HTMLElement, attach: HTMLElement, data: Element[]) => {	1✔
9	const stringObj = JSON.stringify(data);	×
10	const encoded = window.btoa(encodeURIComponent(stringObj));	×
NEW 11	const innerHTML = `<div ${SlateFragmentAttributeKey}=${encoded}>${wrapper.innerHTML}</div>`;	×
12	attach.setAttribute(SlateFragmentAttributeKey, encoded);	×
NEW UNCOV 13	return innerHTML;	×
14	};
15
16	export const completeTable = (fragment: DocumentFragment) => {	1✔
NEW 17	const children = Array.from(fragment.children);	×
NEW 18	const result = document.createDocumentFragment();	×
NEW 19	let currentTable = null;	×
20
NEW 21	children.forEach(child => {	×
NEW 22	if (child.tagName.toLowerCase() === 'tr') {	×
NEW UNCOV 23	if (!currentTable) {	×
NEW UNCOV 24	currentTable = document.createElement('table');	×
NEW UNCOV 25	result.appendChild(currentTable);	×
26	}
NEW 27	currentTable.appendChild(child);	×
28	} else {
NEW UNCOV 29	if (currentTable) {	×
NEW UNCOV 30	currentTable = null;	×
31	}
NEW UNCOV 32	result.appendChild(child);	×
33	}
34	});
35
NEW 36	fragment.textContent = '';	×
NEW UNCOV 37	fragment.appendChild(result);	×
NEW UNCOV 38	return fragment;	×
39	};
40
41	export const getClipboardFromHTMLText = (html: string): ClipboardData => {	1✔
42	const fragmentAttribute = getSlateFragmentAttribute(html);	×
43	if (fragmentAttribute) {	×
44	try {	×
UNCOV 45	const decoded = decodeURIComponent(window.atob(fragmentAttribute));	×
46	const result = JSON.parse(decoded);	×
47	if (result && Array.isArray(result) && result.length > 0) {	×
UNCOV 48	return {	×
49	elements: result
50	};
51	}
52	} catch (error) {
UNCOV 53	console.error(error);	×
UNCOV 54	return null;	×
55	}
56	}
UNCOV 57	return null;	×
58	};
59
60	export const createClipboardData = (html: string, elements: Element[], text: string, files: File[]): ClipboardData => {	1✔
UNCOV 61	const data = { elements, text, html, files };	×
UNCOV 62	return data;	×
63	};
64
65	export const getClipboardData = async (dataTransfer?: DataTransfer): Promise<ClipboardData> => {	1✔
66	let clipboardData = null;	×
67	if (dataTransfer) {	×
UNCOV 68	let filesData = {};	×
69	if (dataTransfer.files.length) {	×
70	filesData = { ...filesData, files: Array.from(dataTransfer.files) };	×
71	}
UNCOV 72	clipboardData = getDataTransferClipboard(dataTransfer);	×
UNCOV 73	return { ...clipboardData, ...filesData };	×
74	}
UNCOV 75	if (isClipboardReadSupported()) {	×
UNCOV 76	return await getNavigatorClipboard();	×
77	}
78	return clipboardData;	×
79	};
80
81	/**
82	* @param wrapper get wrapper.innerHTML string which will be written in clipboard
83	* @param attach attach must be child element of wrapper which will be attached json data
84	* @returns void
85	*/
86	export const setClipboardData = async (	1✔
87	clipboardData: ClipboardData,
88	wrapper: HTMLElement,
89	attach: HTMLElement,
90	dataTransfer?: Pick<DataTransfer, 'getData' \| 'setData'>
91	) => {
UNCOV 92	if (!clipboardData) {	×
UNCOV 93	return;	×
94	}
UNCOV 95	const { elements, text } = clipboardData;	×
UNCOV 96	if (isClipboardWriteSupported()) {	×
UNCOV 97	const htmlText = buildHTMLText(wrapper, attach, elements);	×
98	// TODO
99	// maybe fail to write when copy some cell in table
UNCOV 100	return await setNavigatorClipboard(htmlText, elements, text);	×
101	}
102
UNCOV 103	if (dataTransfer) {	×
UNCOV 104	const htmlText = buildHTMLText(wrapper, attach, elements);	×
UNCOV 105	setDataTransferClipboard(dataTransfer, htmlText);	×
UNCOV 106	setDataTransferClipboardText(dataTransfer, text);	×
UNCOV 107	return;	×
108	}
109
110	// Compatible with situations where navigator.clipboard.write is not supported and dataTransfer is empty
111	// Such as contextmenu copy in Firefox.
UNCOV 112	if (isClipboardWriteTextSupported()) {	×
UNCOV 113	const htmlText = buildHTMLText(wrapper, attach, elements);	×
UNCOV 114	return await navigator.clipboard.writeText(htmlText);	×
115	}
116	};

worktile / slate-angular / 423e74c4-de62-419d-af68-9026096e2541

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous