Mailspring/app/internal_packages/link-tracking/specs/link-tracking-composer-extension-spec.es6
Ben Gotow 1a3cca8d0a
Totally overhauled composer based on Slate (#524)
* Remove the composer contenteditable, replace with basic <textarea>

* Beginning broader cleanup of draft session

* DraftJS composer with color, style support

* Serialization/unserialization of basic styles, toolbar working

* WIP

* Switch to draft-js-plugins approach, need to revisit HTML

* Move HTML conversion functionality into plugins

* Add spellcheck context menu to editor

* Initial work on quoted text

* Further work on quoted text

* BLOCK approach

* Entity approach - better, does not bump out to top level

* Hiding and showing quoted text via CSS

* Get rid of ability to inject another subject line component

* Clean up specs, DraftFactory to ES6

* Remove old initial focus hack

* Fix focusing, initial text selection

* Remove participant “collapsing” support, it can be confusing

* Correctly terminate links on carriage returns

* Initial signature support, allow removal of uneditable blocks

* Sync body string with body editorstate

* Simplify draft editor session, finish signatures

* Templates

* Minor fixes

* Simplify link/open tracking, ensure it works

* Reorg composer, rework template editor

* Omg the slowness is all the stupid emoji button

* Polish and small fixes

* Performance improvements, new templates UI

* Don’t assume nodes are elements

* Fix for sending drafts twice due to back-to-back saves

* Fix order of operations on app quit to save drafts reliably

* Improve DraftJS-Convert whitespace handling

* Use contentID throughout attachment lifecycle

* Try to fix images

* Switch to Slate instead of DraftJS… much better

* Fix newline handling

* Bug fixes

* Cleanup

* Finish templates plugin

* Clean up text editing / support for Gmail email styles

* Support for color + size on the same node, clean trailing whitespace

* Restore emoji typeahead / emoji picker

* Fix scrolling in template editor

* Fix specs

* Fix newlines

* Re-implement spellcheck to be faster

* Make spellcheck decorator changes invisible to the undo/redo stack

* Remove comment

* Polish themplates panel

* Fix #521
2018-01-11 15:55:56 -08:00

82 lines
3.1 KiB
JavaScript

import { Message } from 'mailspring-exports';
import LinkTrackingComposerExtension from '../lib/link-tracking-composer-extension';
import { PLUGIN_ID, PLUGIN_URL } from '../lib/link-tracking-constants';
const beforeBody = `TEST_BODY<br>
<a href="www.replaced.com">test</a>
<a style="color: #aaa" href="http://replaced.com">asdad</a>
<a hre="www.stillhere.com">adsasd</a>
<a stillhere="">stillhere</a>
<div href="stillhere"></div>
http://www.stillhere.com
<blockquote class="gmail_quote">twst<a style="color: #aaa" href="http://untouched.com">asdad</a></blockquote>`;
const afterBodyFactory = (accountId, messageUid) => `TEST_BODY<br>
<a href="${PLUGIN_URL}/link/${accountId}/${messageUid}/0?redirect=www.replaced.com">test</a>
<a style="color: #aaa" href="${PLUGIN_URL}/link/${accountId}/${messageUid}/1?redirect=http%3A%2F%2Freplaced.com">asdad</a>
<a hre="www.stillhere.com">adsasd</a>
<a stillhere="">stillhere</a>
<div href="stillhere"></div>
http://www.stillhere.com
<blockquote class="gmail_quote">twst<a style="color: #aaa" href="http://untouched.com">asdad</a></blockquote>`;
const nodeForHTML = html => {
const fragment = document.createDocumentFragment();
const node = document.createElement('root');
fragment.appendChild(node);
node.innerHTML = html;
return node;
};
xdescribe('Link tracking composer extension', function linkTrackingComposerExtension() {
describe('applyTransformsForSending', () => {
beforeEach(() => {
this.draft = new Message({ accountId: 'test' });
this.draft.body = beforeBody;
this.draftBodyRootNode = nodeForHTML(this.draft.body);
});
it('takes no action if there is no metadata', () => {
LinkTrackingComposerExtension.applyTransformsForSending({
draftBodyRootNode: this.draftBodyRootNode,
draft: this.draft,
});
const afterBody = this.draftBodyRootNode.innerHTML;
expect(afterBody).toEqual(beforeBody);
});
describe('With properly formatted metadata and correct params', () => {
beforeEach(() => {
this.metadata = { tracked: true };
this.draft.directlyAttachMetadata(PLUGIN_ID, this.metadata);
});
it('replaces links in the unquoted portion of the body', () => {
LinkTrackingComposerExtension.applyTransformsForSending({
draftBodyRootNode: this.draftBodyRootNode,
draft: this.draft,
});
const metadata = this.draft.metadataForPluginId(PLUGIN_ID);
const afterBody = this.draftBodyRootNode.innerHTML;
expect(afterBody).toEqual(afterBodyFactory(this.draft.accountId, metadata.uid));
});
it('sets a uid and list of links on the metadata', () => {
LinkTrackingComposerExtension.applyTransformsForSending({
draftBodyRootNode: this.draftBodyRootNode,
draft: this.draft,
});
const metadata = this.draft.metadataForPluginId(PLUGIN_ID);
expect(metadata.uid).not.toBeUndefined();
expect(metadata.links).not.toBeUndefined();
expect(metadata.links.length).toEqual(2);
for (const link of metadata.links) {
expect(link.click_count).toEqual(0);
}
});
});
});
});