signal-desktop/test/views/timestamp_view_test.js

/* global moment, Whisper */

'use strict';

describe('TimestampView', () => {
  it('formats long-ago timestamps correctly', () => {
    const timestamp = Date.now();
    const briefView = new Whisper.TimestampView({ brief: true }).render();
    const extendedView = new Whisper.ExtendedTimestampView().render();

    // Helper functions to check absolute and relative timestamps

    // Helper to check an absolute TS for an exact match
    const check = (view, ts, expected) => {
      const result = view.getRelativeTimeSpanString(ts);
      assert.strictEqual(result, expected);
    };

    // Helper to check relative times for an exact match against both views
    const checkDiff = (secAgo, expectedBrief, expectedExtended) => {
      check(briefView, timestamp - secAgo * 1000, expectedBrief);
      check(extendedView, timestamp - secAgo * 1000, expectedExtended);
    };

    // Helper to check an absolute TS for an exact match against both views
    const checkAbs = (ts, expectedBrief, expectedExtended) => {
      if (!expectedExtended) {
        // eslint-disable-next-line no-param-reassign
        expectedExtended = expectedBrief;
      }
      check(briefView, ts, expectedBrief);
      check(extendedView, ts, expectedExtended);
    };

    // Helper to check an absolute TS for a match at the beginning against
    const checkStartsWith = (view, ts, expected) => {
      const result = view.getRelativeTimeSpanString(ts);
      const regexp = new RegExp(`^${expected}`);
      assert.match(result, regexp);
    };

    // check integer timestamp, JS Date object and moment object
    checkAbs(timestamp, 'now', 'now');
    checkAbs(new Date(), 'now', 'now');
    checkAbs(moment(), 'now', 'now');

    // check recent timestamps
    checkDiff(30, 'now', 'now'); // 30 seconds
    checkDiff(40 * 60, '40 minutes', '40 minutes ago');
    checkDiff(60 * 60, '1 hour', '1 hour ago');
    checkDiff(125 * 60, '2 hours', '2 hours ago');

    // set to third of month to avoid problems on the 29th/30th/31st
    const lastMonth = moment()
      .subtract(1, 'month')
      .date(3);
    const months = [
      'Jan',
      'Feb',
      'Mar',
      'Apr',
      'May',
      'Jun',
      'Jul',
      'Aug',
      'Sep',
      'Oct',
      'Nov',
      'Dec',
    ];
    check(briefView, lastMonth, `${months[lastMonth.month()]} 3`);
    checkStartsWith(extendedView, lastMonth, `${months[lastMonth.month()]} 3`);

    // subtract 26 hours to be safe in case of DST stuff
    const yesterday = new Date(timestamp - 26 * 60 * 60 * 1000);
    const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
    check(briefView, yesterday, daysOfWeek[yesterday.getDay()]);
    checkStartsWith(extendedView, yesterday, daysOfWeek[yesterday.getDay()]);

    // Check something long ago
    // months are zero-indexed in JS for some reason
    check(briefView, new Date(2012, 4, 5, 17, 30, 0), 'May 5, 2012');
    checkStartsWith(
      extendedView,
      new Date(2012, 4, 5, 17, 30, 0),
      'May 5, 2012'
    );
  });

  describe('updates within a minute reasonable intervals', () => {
    let view;
    beforeEach(() => {
      view = new Whisper.TimestampView();
    });
    afterEach(() => {
      clearTimeout(view.timeout);
    });

    it('updates timestamps this minute within a minute', () => {
      const now = Date.now();
      view.$el.attr('data-timestamp', now - 1000);
      view.update();
      assert.isAbove(view.delay, 0); // non zero
      assert.isBelow(view.delay, 60 * 1000); // < minute
    });

    it('updates timestamps from this hour within a minute', () => {
      const now = Date.now();
      view.$el.attr('data-timestamp', now - 1000 - 1000 * 60 * 5); // 5 minutes and 1 sec ago
      view.update();
      assert.isAbove(view.delay, 0); // non zero
      assert.isBelow(view.delay, 60 * 1000); // minute
    });

    it('updates timestamps from today within an hour', () => {
      const now = Date.now();
      view.$el.attr('data-timestamp', now - 1000 - 1000 * 60 * 60 * 5); // 5 hours and 1 sec ago
      view.update();
      assert.isAbove(view.delay, 60 * 1000); // minute
      assert.isBelow(view.delay, 60 * 60 * 1000); // hour
    });

    it('updates timestamps from this week within a day', () => {
      const now = Date.now();
      view.$el.attr('data-timestamp', now - 1000 - 6 * 24 * 60 * 60 * 1000); // 6 days and 1 sec ago
      view.update();
      assert.isAbove(view.delay, 60 * 60 * 1000); // hour
      assert.isBelow(view.delay, 36 * 60 * 60 * 1000); // day and a half
    });

    it('does not updates very old timestamps', () => {
      const now = Date.now();
      // return falsey value for long ago dates that don't update
      view.$el.attr('data-timestamp', now - 8 * 24 * 60 * 60 * 1000);
      view.update();
      assert.notOk(view.delay);
    });
  });
});