Cable-Desktop/test/views/message_view_test.js

describe('MessageView', function() {
  var conversations = new Whisper.ConversationCollection();
  before(function(done) {
    conversations.fetch().then(done);
  });

  var convo = conversations.add({id: 'foo'});
  var message = convo.messageCollection.add({
    conversationId: convo.id,
    body: 'hello world',
    type: 'outgoing',
    received_at: new Date().getTime()
  });

  it('should display the message text', function() {
    var view = new Whisper.MessageView({model: message}).render();
    assert.match(view.$el.text(), /hello world/);
  });

  it('should auto-update the message text', function() {
    var view = new Whisper.MessageView({model: message}).render();
    message.set('body', 'goodbye world');
    assert.match(view.$el.html(), /goodbye world/);
  });

  it('should have a nice timestamp', function() {
    var view = new Whisper.MessageView({model: message});
    message.set({'received_at': new Date().getTime() - 5000});
    view.render();
    assert.match(view.$el.html(), /seconds ago/);

    message.set({'received_at': new Date().getTime() - 60000});
    view.render();
    assert.match(view.$el.html(), /minute ago/);

    message.set({'received_at': new Date().getTime() - 3600000});
    view.render();
    assert.match(view.$el.html(), /hour ago/);
  });

  it('should go away when the model is destroyed', function() {
    var view = new Whisper.MessageView({model: message});
    var div = $('<div>').append(view.$el);
    message.destroy();
    assert.strictEqual(div.find(view.$el).length, 0);
  });
});