Mailspring/app/internal_packages/thread-list/specs/thread-toolbar-buttons-spec.jsx
Ben Gotow 149b389508
Replace Babel with TypeScript compiler, switch entire app to TypeScript 🎉 (#1404)
* Switch to using Typescript instead of Babel

* Switch all es6 / jsx file extensions to ts / tsx

* Convert Utils to a TS module from module.exports style module

* Move everything from module.exports to typescript exports

* Define .d.ts files for mailspring-exports and component kit… Yes it seems this is the best option :(

* Load up on those @types

* Synthesize TS types from PropTypes for standard components

* Add types to Model classes and move constructor constants to instance vars

* 9800 => 7700 TS errors

* 7700 => 5600 TS errors

* 5600 => 5330 TS errors

* 5330 => 4866 TS errors

* 4866 => 4426 TS errors

* 4426 => 2411 TS errors

* 2411 > 1598 TS errors

* 1598 > 769 TS errors

* 769 > 129 TS errors

* 129 > 22 TS errors

* Fix runtime errors

* More runtime error fixes

* Remove support for custom .es6 file extension

* Remove a few odd remaining references to Nylas

* Don’t ship Typescript support in the compiled app for now

* Fix issues in compiled app - module resolution in TS is case sensitive?

* README updates

* Fix a few more TS errors

* Make “No Signature” option clickable + selectable

* Remove flicker when saving file and reloading keymaps

* Fix mail rule item height in preferences

* Fix missing spacing in thread sharing popover

* Fix scrollbar ticks being nested incorrectly

* Add Japanese as a manually reviewed language

* Prevent the thread list from “sticking”

* Re-use Sheet when switching root tabs, prevent sidebar from resetting

* Ensure specs run

* Update package configuration to avoid shpping types

* Turn eslint back on - we will opt-in to the TS rules one by one
2019-03-04 11:03:12 -08:00

134 lines
4.5 KiB
JavaScript

import React from 'react';
import ReactDOM from 'react-dom';
import ReactTestUtils from 'react-dom/test-utils';
import {
Thread,
Actions,
CategoryStore,
TaskFactory,
MailboxPerspective,
} from 'mailspring-exports';
import {
ToggleStarredButton,
ToggleUnreadButton,
MarkAsSpamButton,
} from '../lib/thread-toolbar-buttons';
const test_thread = new Thread().fromJSON({
id: 'thread_12345',
account_id: TEST_ACCOUNT_ID,
subject: 'Subject 12345',
starred: false,
});
const test_thread_starred = new Thread().fromJSON({
id: 'thread_starred_12345',
account_id: TEST_ACCOUNT_ID,
subject: 'Subject 12345',
starred: true,
});
describe('ThreadToolbarButtons', function() {
beforeEach(function() {
spyOn(Actions, 'queueTask');
spyOn(Actions, 'queueTasks');
spyOn(TaskFactory, 'taskForInvertingStarred').andCallThrough();
spyOn(TaskFactory, 'taskForInvertingUnread').andCallThrough();
});
describe('Starring', function() {
it('stars a thread if the star button is clicked and thread is unstarred', function() {
const starButton = ReactTestUtils.renderIntoDocument(
<ToggleStarredButton items={[test_thread]} />
);
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(starButton));
expect(TaskFactory.taskForInvertingStarred.mostRecentCall.args[0].threads).toEqual([
test_thread,
]);
});
it('unstars a thread if the star button is clicked and thread is starred', function() {
const starButton = ReactTestUtils.renderIntoDocument(
<ToggleStarredButton items={[test_thread_starred]} />
);
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(starButton));
expect(TaskFactory.taskForInvertingStarred.mostRecentCall.args[0].threads).toEqual([
test_thread_starred,
]);
});
});
describe('Marking as unread', function() {
let thread = null;
let markUnreadBtn = null;
beforeEach(function() {
thread = new Thread({ id: 'thread-id-lol-123', accountId: TEST_ACCOUNT_ID, unread: false });
markUnreadBtn = ReactTestUtils.renderIntoDocument(<ToggleUnreadButton items={[thread]} />);
});
it('queues a task to change unread status to true', function() {
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(markUnreadBtn).childNodes[0]);
expect(TaskFactory.taskForInvertingUnread.mostRecentCall.args[0].threads).toEqual([thread]);
expect(Actions.queueTask).toHaveBeenCalled();
});
it('returns to the thread list', function() {
spyOn(Actions, 'popSheet');
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(markUnreadBtn).childNodes[0]);
expect(Actions.popSheet).toHaveBeenCalled();
});
});
describe('Marking as spam', function() {
let thread = null;
let markSpamButton = null;
describe('when the thread is already in spam', function() {
beforeEach(function() {
thread = new Thread({
id: 'thread-id-lol-123',
accountId: TEST_ACCOUNT_ID,
folders: [{ role: 'spam' }],
});
markSpamButton = ReactTestUtils.renderIntoDocument(<MarkAsSpamButton items={[thread]} />);
});
it('queues a task to remove spam', function() {
spyOn(TaskFactory, 'tasksForMarkingNotSpam');
spyOn(CategoryStore, 'getSpamCategory').andReturn(thread.folders[0]);
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(markSpamButton));
expect(TaskFactory.tasksForMarkingNotSpam.mostRecentCall.args[0].threads).toEqual([thread]);
expect(Actions.queueTasks).toHaveBeenCalled();
});
});
describe('when the thread can be moved to spam', function() {
beforeEach(function() {
spyOn(MailboxPerspective.prototype, 'canMoveThreadsTo').andReturn(true);
thread = new Thread({ id: 'thread-id-lol-123', accountId: TEST_ACCOUNT_ID, folders: [] });
markSpamButton = ReactTestUtils.renderIntoDocument(<MarkAsSpamButton items={[thread]} />);
});
it('queues a task to mark as spam', function() {
spyOn(TaskFactory, 'tasksForMarkingAsSpam');
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(markSpamButton));
expect(TaskFactory.tasksForMarkingAsSpam).toHaveBeenCalledWith({
threads: [thread],
source: 'Toolbar Button: Thread List',
});
});
it('returns to the thread list', function() {
spyOn(Actions, 'popSheet');
ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(markSpamButton));
expect(Actions.popSheet).toHaveBeenCalled();
});
});
});
});