@nyaruka/temba-components 0.35.0 → 0.35.2

package/test/temba-contact-history.test.ts

@@ -1,12 +1,12 @@
 import { fixture, assert, expect } from '@open-wc/testing';
-import * as sinon from 'sinon';
 import { ContactHistory } from '../src/contacts/ContactHistory';
-import { stubbable } from '../src/utils';
 import {
   assertScreenshot,
   getClip,
   getHTML,
+  loadStore,
   mockGET,
+  mockNow,
 } from '../test/utils.test';
 import './utils.test';
 
@@ -41,12 +41,10 @@ const getHistoryClip = (ele: ContactHistory) => {
 };
 
 // stub our current date for consistent screenshots
-sinon.stub(stubbable, 'getCurrentDate').callsFake(() => {
-  return new Date('2021-03-31T00:00:00.000-00:00');
-});
+mockNow('2021-03-31T00:31:00.000-00:00');
 
 describe('temba-contact-history', () => {
-  beforeEach(() => {
+  beforeEach(async () => {
     mockGET(
       /\/contact\/history\/contact-dave-active\/.*/,
       '/test-assets/contacts/history.json'
@@ -56,6 +54,8 @@ describe('temba-contact-history', () => {
       /\/api\/v2\/tickets\.json\?contact=contact-dave-active/,
       '/test-assets/api/tickets.json'
     );
+
+    await loadStore();
   });
 
   it('can be created', async () => {
@@ -76,7 +76,7 @@ describe('temba-contact-history', () => {
     const events = history.shadowRoot.querySelector('.events');
     const top = events.scrollHeight - events.getBoundingClientRect().height;
 
-    expect(top).to.equal(520);
+    expect(top).to.equal(549);
 
     // make sure we actually scrolled to there
     expect(events.scrollTop).to.equal(top);

package/test/temba-date.test.ts

@@ -1,12 +1,11 @@
-import * as sinon from 'sinon';
 import { TembaDate } from '../src/date/TembaDate';
 import {
   assertScreenshot,
   getClip,
   getComponent,
   loadStore,
+  mockNow,
 } from './utils.test';
-import { DateTime } from 'luxon';
 import { expect } from '@open-wc/testing';
 
 const TAG = 'temba-date';
@@ -16,11 +15,7 @@ export const getDate = async (attrs: any = {}) => {
   return (await getComponent(TAG, attrs)) as TembaDate;
 };
 
-// mock the current time
-const now = DateTime.fromISO('2022-12-02T21:00:00.000000-07:00');
-sinon.replace(DateTime, 'now', () => {
-  return now;
-});
+mockNow('2022-12-02T21:00:00.000000-07:00');
 
 describe('temba-date', () => {
   beforeEach(() => {
@@ -47,7 +42,7 @@ describe('temba-date', () => {
     ).innerText;
 
     await assertScreenshot('date/duration', getClip(date));
-    expect(dateString).to.equal('44 years');
+    expect(dateString).to.equal('44 years ago');
   });
 
   it('renders datetime', async () => {

package/test/utils.test.ts

@@ -1,5 +1,6 @@
 import '../temba-modules';
-
+import { DateTime } from 'luxon';
+import * as sinon from 'sinon';
 interface Clip {
   x: number;
   y: number;
@@ -228,3 +229,11 @@ export const loadStore = async () => {
 
   return store;
 };
+
+export const mockNow = (isodate: string) => {
+  const now = DateTime.fromISO(isodate);
+  // mock the current time
+  sinon.replace(DateTime, 'now', () => {
+    return now;
+  });
+};