add Footer snapshots

2 files changed, 193 insertions, 0 deletions

diff --git a/vnext/src/components/__tests__/Footer.test.js b/vnext/src/components/__tests__/Footer.test.js
new file mode 100644
index 00000000..17461b85
--- /dev/null
+++ b/vnext/src/components/__tests__/Footer.test.js
@@ -0,0 +1,18 @@
+import React from 'react';
+
+import Footer from '../Footer';
+import renderer from 'react-test-renderer';
+
+test('Footer renders correctly with and without sponsors', () => {
+    const footer = renderer.create(
+        <Footer />
+    );
+    let footerTree = footer.toJSON();
+    expect(footerTree).toMatchSnapshot();
+
+    const sponsoredFooter = renderer.create(
+        <Footer links='Sponsored footer' />
+    );
+    footerTree = sponsoredFooter.toJSON();
+    expect(footerTree).toMatchSnapshot();
+});
\ No newline at end of file
diff --git a/vnext/src/components/__tests__/__snapshots__/Footer.test.js.snap b/vnext/src/components/__tests__/__snapshots__/Footer.test.js.snap
new file mode 100644
index 00000000..23f2deff
--- /dev/null
+++ b/vnext/src/components/__tests__/__snapshots__/Footer.test.js.snap
@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer renders correctly with and without sponsors 1`] = `
+<div
+  id="footer"
+>
+  <div
+    id="footer-right"
+  >
+             ·
+    <a
+      href="/help/contacts"
+      rel="nofollow"
+    >
+      Contacts
+    </a>
+     ·
+    <a
+      href="/help/tos"
+      rel="nofollow"
+    >
+      TOS
+    </a>
+  </div>
+  <div
+    id="footer-social"
+  >
+    <a
+      href="https://twitter.com/Juick"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-twitter icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-twitter-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+    <a
+      href="https://vk.com/juick"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-vk icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-vk-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+    <a
+      href="https://www.facebook.com/JuickCom"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-facebook icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-facebook-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+  </div>
+  <div
+    id="footer-left"
+  >
+    juick.com © 2008-2018
+  </div>
+</div>
+`;
+
+exports[`Footer renders correctly with and without sponsors 2`] = `
+<div
+  id="footer"
+>
+  <div
+    id="footer-right"
+  >
+             ·
+    <a
+      href="/help/contacts"
+      rel="nofollow"
+    >
+      Contacts
+    </a>
+     ·
+    <a
+      href="/help/tos"
+      rel="nofollow"
+    >
+      TOS
+    </a>
+  </div>
+  <div
+    id="footer-social"
+  >
+    <a
+      href="https://twitter.com/Juick"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-twitter icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-twitter-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+    <a
+      href="https://vk.com/juick"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-vk icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-vk-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+    <a
+      href="https://www.facebook.com/JuickCom"
+      rel="nofollow"
+    >
+      <div
+        className="icon icon--ei-sc-facebook icon--m"
+      >
+        <svg
+          className="icon__cnt"
+          dangerouslySetInnerHTML={
+            Object {
+              "__html": "<use xlink:href=#ei-sc-facebook-icon />",
+            }
+          }
+        />
+      </div>
+    </a>
+  </div>
+  <div
+    id="footer-left"
+  >
+    juick.com © 2008-2018
+  </div>
+  <div>
+    Sponsors: 
+    Sponsored footer
+  </div>
+</div>
+`;