Mailspring/internal_packages/open-tracking/spec/open-tracking-icon-spec.jsx

81 lines
2.9 KiB
React
Raw Normal View History

import React, {addons} from 'react/addons';
import {Message} from 'nylas-exports'
import {renderIntoDocument} from '../../../spec/nylas-test-utils'
import OpenTrackingIcon from '../lib/open-tracking-icon'
import {PLUGIN_ID} from '../lib/open-tracking-constants'
const {findDOMNode} = React;
const {TestUtils: {findRenderedDOMComponentWithClass}} = addons;
function makeIcon(thread, props = {}) {
return renderIntoDocument(<OpenTrackingIcon {...props} thread={thread} />);
}
function find(component, className) {
return findDOMNode(findRenderedDOMComponentWithClass(component, className))
}
function addOpenMetadata(obj, openCount) {
obj.applyPluginMetadata(PLUGIN_ID, {open_count: openCount});
}
describe("Open tracking icon", () => {
beforeEach(() => {
2016-03-09 02:01:40 +08:00
this.thread = {metadata: []};
});
it("shows no icon if the thread has no messages", () => {
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(0);
});
it("shows no icon if the thread messages have no metadata", () => {
this.thread.metadata.push(new Message());
this.thread.metadata.push(new Message());
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(0);
});
describe("With messages and metadata", () => {
beforeEach(() => {
this.messages = [new Message(), new Message(), new Message()];
this.thread.metadata.push(...this.messages);
});
it("shows no icon if metadata is malformed", () => {
this.messages[0].applyPluginMetadata(PLUGIN_ID, {gar: "bage"});
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(0);
});
it("shows an unopened icon if one message has metadata and is unopened", () => {
addOpenMetadata(this.messages[1], 0);
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(1);
expect(icon.querySelector("img.unopened")).not.toBeNull();
expect(icon.querySelector("img.opened")).toBeNull();
});
it("shows an unopened icon if only some messages are unopened", () => {
addOpenMetadata(this.messages[0], 0);
addOpenMetadata(this.messages[1], 1);
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(1);
expect(icon.querySelector("img.unopened")).not.toBeNull();
expect(icon.querySelector("img.opened")).toBeNull();
});
it("shows an opened icon if all messages with metadata are opened", () => {
addOpenMetadata(this.messages[1], 1);
addOpenMetadata(this.messages[2], 1);
const icon = find(makeIcon(this.thread), "open-tracking-icon");
expect(icon.children.length).toEqual(1);
expect(icon.querySelector("img.unopened")).toBeNull();
expect(icon.querySelector("img.opened")).not.toBeNull();
});
});
2016-03-09 02:01:40 +08:00
});