Mailspring/internal_packages/thread-list/spec/thread-list-spec.cjsx

moment = require "moment"
_ = require 'underscore-plus'
CSON = require 'season'
React = require "react/addons"
ReactTestUtils = React.addons.TestUtils
ReactTestUtils = _.extend ReactTestUtils, require("jasmine-react-helpers")

{Thread,
 Actions,
 Namespace,
 ThreadStore,
 DatabaseStore,
 InboxTestUtils,
 NamespaceStore} = require "inbox-exports"

ThreadListColumn = require("../lib/thread-list-column")

ThreadListNarrow = require("../lib/thread-list-narrow.cjsx")
ThreadListNarrowItem = require("../lib/thread-list-narrow-item.cjsx")

ThreadListTabular = require("../lib/thread-list-tabular.cjsx")
ThreadListTabularItem = require("../lib/thread-list-tabular-item.cjsx")

me = new Namespace(
  "name": "User One",
  "email": "user1@inboxapp.com"
  "provider": "inbox"
)
NamespaceStore._current = me

test_threads = -> [
  (new Thread).fromJSON({
    "id": "111",
    "object": "thread",
    "created_at": null,
    "updated_at": null,
    "namespace_id": "nsid",
    "snippet": "snippet 111",
    "subject": "Subject 111",
    "tags": [
      {
        "id": "unseen",
        "created_at": null,
        "updated_at": null,
        "name": "unseen"
      },
      {
        "id": "all",
        "created_at": null,
        "updated_at": null,
        "name": "all"
      },
      {
        "id": "inbox",
        "created_at": null,
        "updated_at": null,
        "name": "inbox"
      },
      {
        "id": "unread",
        "created_at": null,
        "updated_at": null,
        "name": "unread"
      },
      {
        "id": "attachment",
        "created_at": null,
        "updated_at": null,
        "name": "attachment"
      }
    ],
    "participants": [
      {
        "created_at": null,
        "updated_at": null,
        "name": "User One",
        "email": "user1@inboxapp.com"
      },
      {
        "created_at": null,
        "updated_at": null,
        "name": "User Two",
        "email": "user2@inboxapp.com"
      }
    ],
    "last_message_timestamp": 1415742036
  }),
  (new Thread).fromJSON({
    "id": "222",
    "object": "thread",
    "created_at": null,
    "updated_at": null,
    "namespace_id": "nsid",
    "snippet": "snippet 222",
    "subject": "Subject 222",
    "tags": [
      {
        "id": "unread",
        "created_at": null,
        "updated_at": null,
        "name": "unread"
      },
      {
        "id": "all",
        "created_at": null,
        "updated_at": null,
        "name": "all"
      },
      {
        "id": "unseen",
        "created_at": null,
        "updated_at": null,
        "name": "unseen"
      },
      {
        "id": "inbox",
        "created_at": null,
        "updated_at": null,
        "name": "inbox"
      }
    ],
    "participants": [
      {
        "created_at": null,
        "updated_at": null,
        "name": "User One",
        "email": "user1@inboxapp.com"
      },
      {
        "created_at": null,
        "updated_at": null,
        "name": "User Three",
        "email": "user3@inboxapp.com"
      }
    ],
    "last_message_timestamp": 1415741913
  }),
  (new Thread).fromJSON({
    "id": "333",
    "object": "thread",
    "created_at": null,
    "updated_at": null,
    "namespace_id": "nsid",
    "snippet": "snippet 333",
    "subject": "Subject 333",
    "tags": [
      {
        "id": "inbox",
        "created_at": null,
        "updated_at": null,
        "name": "inbox"
      },
      {
        "id": "all",
        "created_at": null,
        "updated_at": null,
        "name": "all"
      },
      {
        "id": "unseen",
        "created_at": null,
        "updated_at": null,
        "name": "unseen"
      }
    ],
    "participants": [
      {
        "created_at": null,
        "updated_at": null,
        "name": "User One",
        "email": "user1@inboxapp.com"
      },
      {
        "created_at": null,
        "updated_at": null,
        "name": "User Four",
        "email": "user4@inboxapp.com"
      }
    ],
    "last_message_timestamp": 1415741837
  })
]





KeymapManager = require 'atom-keymap'
keyPress = (key, target) ->
  event = KeymapManager.keydownEvent(key, target: target)
  document.dispatchEvent(event)

cjsxSubjectResolver = (thread) ->
  <div>
    <span>Subject {thread.id}</span>
    <span className="snippet">Snippet</span>
  </div>

describe "ThreadListTabular", ->
  keymap_path = "internal_packages/thread-list/keymaps/thread-list.cson"
  keymap_file = CSON.readFileSync(keymap_path)

  Foo = React.createClass({render: -> <div>{@props.children}</div>})
  c1 = new ThreadListColumn
    name: "Name"
    flex: 1
    resolver: (thread) -> "#{thread.id} Test Name"
  c2 = new ThreadListColumn
    name: "Subject"
    flex: 3
    resolver: cjsxSubjectResolver
  c3 = new ThreadListColumn
    name: "Date"
    resolver: (thread) -> <Foo>{thread.id}</Foo>

  columns = [c1,c2,c3]

  beforeEach ->
    spyOn(ThreadStore, "_onNamespaceChanged")
    spyOn(DatabaseStore, "findAll").andCallFake ->
      new Promise (resolve, reject) -> resolve(test_threads())
    ReactTestUtils.spyOnClass(ThreadListTabular, "_defaultColumns")
                  .andReturn(columns)

    ThreadStore._resetInstanceVars()

    @thread_list = ReactTestUtils.renderIntoDocument(
      <ThreadListTabular />
    )

    # IMPORTANT: You need to manually register the keymaps with the
    # KeymapManager (aliased onto atom.keymaps).
    atom.keymaps.add(keymap_path, keymap_file)

  it "renders into the document", ->
    expect(ReactTestUtils.isCompositeComponentWithType(@thread_list,
                                          ThreadListTabular)).toBe true

  it "has the expected columns", ->
    expect(@thread_list.state.columns).toEqual columns

  it "by default has zero children", ->
    items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                             ThreadListTabularItem)
    expect(items.length).toBe 0

  describe "Populated thread list", ->
    beforeEach ->
      ThreadStore._items = test_threads()
      ThreadStore._selectedId = null
      ThreadStore.trigger(ThreadStore)
      @thread_list_node = @thread_list.getDOMNode()

    it "renders all of the thread list items", ->
      items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                               ThreadListTabularItem)
      expect(items.length).toBe 3

    it "Expects there to be headers", ->
      heads = ReactTestUtils.scryRenderedDOMComponentsWithClass(@thread_list, "thread-list-header")
      expect(heads.length).toBe(3)


    describe "ThreadListTabularItem", ->
      beforeEach ->
        items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                                 ThreadListTabularItem)
        item = items.filter (tli) -> tli.props.thread.id is "111"
        @thread_list_item = item[0]

      it "finds the thread list item by id", ->
        expect(@thread_list_item.props.thread.id).toBe "111"

      it "Expects each thread list item to get the column list", ->
        expect(@thread_list_item.props.columns).toEqual columns

      it "has the proper column widths", ->
        expect(@thread_list_item.props.columnFlex["Name"]).toEqual 1
        expect(@thread_list_item.props.columnFlex["Subject"]).toEqual 3
        expect(@thread_list_item.props.columnFlex["Date"]).toEqual undefined

      describe "columns in thread list item", ->
        beforeEach ->
          @cols = ReactTestUtils.scryRenderedDOMComponentsWithClass(@thread_list_item, "thread-list-column")

        it "Expects there to be three columns", ->
          expect(@cols.length).toBe(3)

        it "Expects the correct test data in the columns", ->
          snip1 = ReactTestUtils.scryRenderedDOMComponentsWithClass(@cols[1], "snippet")
          snip2 = ReactTestUtils.scryRenderedComponentsWithType(@cols[2], Foo)

          expect(@cols[0].props.children).toBe "111 Test Name"
          expect(snip1.length).toBe 1
          expect(snip1[0].props.children).toEqual "Snippet"
          expect(snip2.length).toBe 1
          expect(snip2[0].props.children).toEqual "111"

describe "ThreadListNarrow", ->

  keymap_path = "internal_packages/thread-list/keymaps/thread-list.cson"
  keymap_file = CSON.readFileSync(keymap_path)

  beforeEach ->

    spyOn(ThreadStore, "_onNamespaceChanged")
    spyOn(DatabaseStore, "findAll").andCallFake ->
      new Promise (resolve, reject) -> resolve(test_threads())
    ThreadStore._resetInstanceVars()

    @thread_list = ReactTestUtils.renderIntoDocument(
      <ThreadListNarrow />
    )

    # IMPORTANT: You need to manually register the keymaps with the
    # KeymapManager (aliased onto atom.keymaps).
    atom.keymaps.add(keymap_path, keymap_file)

  it "renders into the document", ->
    expect(ReactTestUtils.isCompositeComponentWithType(@thread_list,
                                          ThreadListNarrow)).toBe true

  it "by default has zero children", ->
    items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                             ThreadListNarrowItem)
    expect(items.length).toBe 0

  describe "Populated thread list", ->
    beforeEach ->
      ThreadStore._items = test_threads()
      ThreadStore._selectedId = null
      ThreadStore.trigger()
      @thread_list_node = @thread_list.getDOMNode()

    it "renders all of the thread list items", ->
      items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                               ThreadListNarrowItem)
      expect(items.length).toBe 3

    describe "Shifting selected index", ->

      beforeEach ->
        spyOn(@thread_list, "_onShiftSelectedIndex")
        spyOn(Actions, "selectThreadId")

      it "can move selection up", ->
        InboxTestUtils.keyPress("up", @thread_list_node)
        expect(@thread_list._onShiftSelectedIndex).toHaveBeenCalledWith(-1)
        InboxTestUtils.keyPress("k", @thread_list_node)
        expect(@thread_list._onShiftSelectedIndex).toHaveBeenCalledWith(-1)

      it "can move selection down", ->
        InboxTestUtils.keyPress("down", @thread_list_node)
        expect(@thread_list._onShiftSelectedIndex).toHaveBeenCalledWith(1)
        InboxTestUtils.keyPress("j", @thread_list_node)
        expect(@thread_list._onShiftSelectedIndex).toHaveBeenCalledWith(1)

    describe "Triggering message list commands", ->
      beforeEach ->
        spyOn(Actions, "composeReply")
        spyOn(Actions, "composeReplyAll")
        spyOn(Actions, "composeForward")
        ThreadStore._onSelectThreadId("111")
        @thread = ThreadStore.selectedThread()
        spyOn(@thread, "archive")

      it "can reply to the currently selected thread", ->
        InboxTestUtils.keyPress("r", @thread_list_node)
        expect(Actions.composeReply).toHaveBeenCalledWith(@thread.id)

      it "can reply all to the currently selected thread", ->
        InboxTestUtils.keyPress("a", @thread_list_node)
        expect(Actions.composeReplyAll).toHaveBeenCalledWith(@thread.id)

      it "can forward the currently selected thread", ->
        InboxTestUtils.keyPress("f", @thread_list_node)
        expect(Actions.composeForward).toHaveBeenCalledWith(@thread.id)

      it "can archive the currently selected thread", ->
        InboxTestUtils.keyPress("e", @thread_list_node)
        expect(@thread.archive).toHaveBeenCalled()

      it "does nothing when no thread is selected", ->
        ThreadStore._selectedId = null
        InboxTestUtils.keyPress("r", @thread_list_node)
        expect(Actions.composeReply.calls.length).toEqual(0)

    describe "ThreadListNarrowItem", ->
      beforeEach ->
        items = ReactTestUtils.scryRenderedComponentsWithType(@thread_list,
                                                 ThreadListNarrowItem)
        item = items.filter (tli) -> tli.props.thread.id is "111"
        @thread_list_item = item[0]
        @thread_date = moment(@thread_list_item.props.thread.lastMessageTimestamp)

      it "finds the thread list item by id", ->
        expect(@thread_list_item.props.thread.id).toBe "111"

      it "fires the appropriate Action on click", ->
        spyOn(Actions, "selectThreadId")
        ReactTestUtils.Simulate.click @thread_list_item.getDOMNode()
        expect(Actions.selectThreadId).toHaveBeenCalledWith("111")

      it "sets the selected state on the thread item", ->
        ThreadStore._onSelectThreadId("111")
        items = ReactTestUtils.scryRenderedDOMComponentsWithClass(@thread_list, "selected")
        expect(items.length).toBe 1
        expect(items[0].props.id).toBe "111"

      it "renders de-selection when invalid id is emitted", ->
        ThreadStore._onSelectThreadId('abc')
        items = ReactTestUtils.scryRenderedDOMComponentsWithClass(@thread_list, "selected")
        expect(items.length).toBe 0

      # test "last_message_timestamp": 1415742036
      it "displays the time from threads LONG ago", ->
        spyOn(@thread_list_item, "_today").andCallFake =>
          @thread_date.add(2, 'years')
        expect(@thread_list_item._timeFormat()).toBe "MMM D YYYY"

      it "displays the time from threads a bit ago", ->
        spyOn(@thread_list_item, "_today").andCallFake =>
          @thread_date.add(2, 'days')
        expect(@thread_list_item._timeFormat()).toBe "MMM D"

      it "displays the time from threads exactly a day ago", ->
        spyOn(@thread_list_item, "_today").andCallFake =>
          @thread_date.add(1, 'day')
        expect(@thread_list_item._timeFormat()).toBe "h:mm a"

      it "displays the time from threads recently", ->
        spyOn(@thread_list_item, "_today").andCallFake =>
          @thread_date.add(2, 'hours')
        expect(@thread_list_item._timeFormat()).toBe "h:mm a"