From fb1ced5e3f1043a90f0af056a3a8cd43f34ff8ee Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Fri, 25 Jun 2021 20:05:06 +0200
Subject: [PATCH] Created test for Time component

---
 src/utils/Time.tsx       |  2 +-
 test/utils/Time.test.tsx | 30 ++++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 test/utils/Time.test.tsx

diff --git a/src/utils/Time.tsx b/src/utils/Time.tsx
index 5289c143..c50639a2 100644
--- a/src/utils/Time.tsx
+++ b/src/utils/Time.tsx
@@ -1,7 +1,7 @@
 import { parseISO, format as formatDate, getUnixTime, formatDistance } from 'date-fns';
 import { isDateObject } from './helpers/date';
 
-interface DateProps {
+export interface DateProps {
   date: Date | string;
   format?: string;
   relative?: boolean;
diff --git a/test/utils/Time.test.tsx b/test/utils/Time.test.tsx
new file mode 100644
index 00000000..3742624d
--- /dev/null
+++ b/test/utils/Time.test.tsx
@@ -0,0 +1,30 @@
+import { shallow, ShallowWrapper } from 'enzyme';
+import { DateProps, Time } from '../../src/utils/Time';
+import { parseDate } from '../../src/utils/helpers/date';
+
+describe('<Time />', () => {
+  let wrapper: ShallowWrapper;
+  const createWrapper = (props: DateProps) => {
+    wrapper = shallow(<Time {...props} />);
+
+    return wrapper;
+  };
+
+  afterEach(() => wrapper?.unmount());
+
+  it.each([
+    [{ date: parseDate('2020-05-05', 'yyyy-MM-dd') }, '1588636800000', '2020-05-05 00:00' ],
+    [{ date: parseDate('2021-03-20', 'yyyy-MM-dd'), format: 'dd/MM/yyyy' }, '1616198400000', '20/03/2021' ],
+  ])('includes expected dateTime and format', (props, expectedDateTime, expectedFormatted) => {
+    const wrapper = createWrapper(props);
+
+    expect(wrapper.prop('dateTime')).toEqual(expectedDateTime);
+    expect(wrapper.prop('children')).toEqual(expectedFormatted);
+  });
+
+  it('renders relative times when requested', () => {
+    const wrapper = createWrapper({ date: new Date(), relative: true });
+
+    expect(wrapper.prop('children')).toContain(' ago');
+  });
+});