aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/components')
-rw-r--r--vnext/src/components/__tests__/Footer.test.js18
-rw-r--r--vnext/src/components/__tests__/__snapshots__/Footer.test.js.snap175
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>
+`;