From a99b453337c7b4632ff83776d47b711266a0c582 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 25 Aug 2018 22:58:03 +0100
Subject: [PATCH] feat(tests): add tests for SilencePreview

---
 .../SilenceModal/SilencePreview.test.js       | 21 ++++++
 .../__snapshots__/SilencePreview.test.js.snap | 73 +++++++++++++++++++
 2 files changed, 94 insertions(+)
 create mode 100644 ui/src/Components/SilenceModal/SilencePreview.test.js
 create mode 100644 ui/src/Components/SilenceModal/__snapshots__/SilencePreview.test.js.snap

diff --git a/ui/src/Components/SilenceModal/SilencePreview.test.js b/ui/src/Components/SilenceModal/SilencePreview.test.js
new file mode 100644
index 000000000..43be7a081
--- /dev/null
+++ b/ui/src/Components/SilenceModal/SilencePreview.test.js
@@ -0,0 +1,21 @@
+import React from "react";
+
+import { render } from "enzyme";
+
+import moment from "moment";
+
+import { SilenceFormStore } from "Stores/SilenceFormStore";
+import { SilencePreview } from "./SilencePreview";
+
+describe("<SilencePreview />", () => {
+  it("matches snapshot", () => {
+    const silenceFormStore = new SilenceFormStore();
+    silenceFormStore.data.startsAt = moment([2000, 1, 1, 0, 0, 0]);
+    silenceFormStore.data.endsAt = moment([2000, 1, 1, 1, 0, 0]);
+    silenceFormStore.data.createdBy = "me@example.com";
+    silenceFormStore.data.comment = "SilencePreview test";
+
+    const tree = render(<SilencePreview silenceFormStore={silenceFormStore} />);
+    expect(tree).toMatchSnapshot();
+  });
+});
diff --git a/ui/src/Components/SilenceModal/__snapshots__/SilencePreview.test.js.snap b/ui/src/Components/SilenceModal/__snapshots__/SilencePreview.test.js.snap
new file mode 100644
index 000000000..d884d9fff
--- /dev/null
+++ b/ui/src/Components/SilenceModal/__snapshots__/SilencePreview.test.js.snap
@@ -0,0 +1,73 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<SilencePreview /> matches snapshot 1`] = `
+<div
+  class="mt-3"
+>
+  <pre
+    class="json-pretty"
+  >
+    {
+      "
+    <span
+      class="json-key"
+    >
+      matchers
+    </span>
+    ": [],
+      "
+    <span
+      class="json-key"
+    >
+      startsAt
+    </span>
+    ": 
+    <span
+      class="json-string"
+    >
+      "2000-02-01T00:00:00.000Z"
+    </span>
+    ,
+      "
+    <span
+      class="json-key"
+    >
+      endsAt
+    </span>
+    ": 
+    <span
+      class="json-string"
+    >
+      "2000-02-01T01:00:00.000Z"
+    </span>
+    ,
+      "
+    <span
+      class="json-key"
+    >
+      createdBy
+    </span>
+    ": 
+    <span
+      class="json-string"
+    >
+      ""
+    </span>
+    ,
+      "
+    <span
+      class="json-key"
+    >
+      comment
+    </span>
+    ": 
+    <span
+      class="json-string"
+    >
+      "SilencePreview test"
+    </span>
+    
+    }
+  </pre>
+</div>
+`;