From 75155f5297ac7cf97fe8aca16ee7ece5abddc4c4 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Mon, 19 Nov 2018 21:01:51 -0500
Subject: [PATCH] Add initial component test

---
 .../__snapshots__/local_datetime.test.js.snap   |  3 +++
 js/components/__tests__/local_datetime.test.js  | 17 +++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 js/components/__tests__/__snapshots__/local_datetime.test.js.snap
 create mode 100644 js/components/__tests__/local_datetime.test.js

diff --git a/js/components/__tests__/__snapshots__/local_datetime.test.js.snap b/js/components/__tests__/__snapshots__/local_datetime.test.js.snap
new file mode 100644
index 00000000..904778e1
--- /dev/null
+++ b/js/components/__tests__/__snapshots__/local_datetime.test.js.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LocalDatetime matches snapshot 1`] = `<time datetime="1977-05-25 00:00:00">May 25 1977 0:00</time>`;
diff --git a/js/components/__tests__/local_datetime.test.js b/js/components/__tests__/local_datetime.test.js
new file mode 100644
index 00000000..1a44173b
--- /dev/null
+++ b/js/components/__tests__/local_datetime.test.js
@@ -0,0 +1,17 @@
+import { shallowMount } from '@vue/test-utils'
+
+import LocalDatetime from '../local_datetime'
+
+
+describe('LocalDatetime', () => {
+  const wrapper = shallowMount(LocalDatetime, { propsData: { timestamp: '1977-05-25 00:00:00' } })
+
+  it('renders a time element', () => {
+    expect(wrapper.html()).toContain('<time')
+    expect(wrapper.html()).toContain('May 25 1977')
+  })
+
+  it('matches snapshot', () => {
+    expect(wrapper).toMatchSnapshot()
+  })
+})