mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-27 10:32:58 +02:00
5a620ee26e
Also improved copying plain text from Rich Text editor - in that case the HTML is converted to Markdown
80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
import { htmlToClipboardData } from './clipboardUtils';
|
|
|
|
describe('clipboardUtils', () => {
|
|
|
|
test('should convert HTML to the right format', () => {
|
|
const testCases = [
|
|
[
|
|
'<h1>Header</h1>',
|
|
'# Header',
|
|
'<h1>Header</h1>',
|
|
],
|
|
[
|
|
'<p>One line</p><p>Two line</p>',
|
|
'One line\n\nTwo line',
|
|
'<p>One line</p><p>Two line</p>',
|
|
],
|
|
[
|
|
'<div id="rendered-md"><p>aaa</p><div class="joplin-editable" contenteditable="false"><pre class="joplin-source" data-joplin-language="javascript" data-joplin-source-open="```javascript\n" data-joplin-source-close="\n```">var a = 123;</pre><pre class="hljs"><code><span class="hljs-keyword">var</span> a = <span class="hljs-number">123</span>;</code></pre></div><ul class="joplin-checklist"><li class="checked">A checkbox</li></ul></div>',
|
|
'aaa\n\n```javascript\nvar a = 123;\n```\n\n- [x] A checkbox',
|
|
'<div id="rendered-md"><p>aaa</p><div class="joplin-editable" contenteditable="false"><pre class="hljs"><code><span class="hljs-keyword">var</span> a = <span class="hljs-number">123</span>;</code></pre></div><ul class="joplin-checklist"><li class="checked">A checkbox</li></ul></div>',
|
|
],
|
|
];
|
|
|
|
for (const testCase of testCases) {
|
|
const [inputHtml, expectedText, expectedHtml] = testCase;
|
|
const result = htmlToClipboardData(inputHtml);
|
|
expect(result.html).toBe(expectedHtml);
|
|
expect(result.text).toBe(expectedText);
|
|
}
|
|
});
|
|
|
|
test('should remove parameters from local images', () => {
|
|
const localImage = 'file:///home/some/path/test.jpg';
|
|
|
|
const content = `<div><img src="${localImage}?a=1&b=2"></div>`;
|
|
const copyableContent = htmlToClipboardData(content);
|
|
|
|
expect(copyableContent.html).toEqual(`<div><img src="${localImage}"></div>`);
|
|
});
|
|
|
|
test('should be able to process mutiple images', () => {
|
|
const localImage1 = 'file:///home/some/path/test1.jpg';
|
|
const localImage2 = 'file:///home/some/path/test2.jpg';
|
|
const localImage3 = 'file:///home/some/path/test3.jpg';
|
|
|
|
const content = `
|
|
<div>
|
|
<img src="${localImage1}?a=1&b=2">
|
|
<img src="${localImage2}">
|
|
<img src="${localImage3}?t=1">
|
|
</div>`;
|
|
|
|
const copyableContent = htmlToClipboardData(content);
|
|
const expectedContent = `
|
|
<div>
|
|
<img src="${localImage1}">
|
|
<img src="${localImage2}">
|
|
<img src="${localImage3}">
|
|
</div>`;
|
|
|
|
expect(copyableContent.html).toEqual(expectedContent);
|
|
});
|
|
|
|
test('should not change parameters for images on the internet', () => {
|
|
const image1 = 'http://www.somelink.com/image1.jpg';
|
|
const image2 = 'https://www.somelink.com/image2.jpg';
|
|
|
|
const content = `
|
|
<div>
|
|
<img src="${image1}">
|
|
<img src="${image2}?h=12&w=15">
|
|
</div>`;
|
|
|
|
const copyableContent = htmlToClipboardData(content);
|
|
|
|
expect(copyableContent.html).toEqual(content);
|
|
});
|
|
|
|
});
|