Added Jest for testing both front and backend

frontend/components/Alert/Alert.test.js

@@ -0,0 +1,29 @@
+/* eslint-disable */
+import React from 'react';
+import { snap } from 'utils/testUtils';
+
+import Alert from '.';
+
+test('renders default as info', () => {
+  snap(<Alert>default</Alert>);
+});
+
+test('renders success', () => {
+  snap(<Alert success>success</Alert>);
+});
+
+test('renders info', () => {
+  snap(<Alert info>info</Alert>);
+});
+
+test('renders warning', () => {
+  snap(<Alert warning>warning</Alert>);
+});
+
+test('renders danger', () => {
+  snap(<Alert danger>danger</Alert>);
+});
+
+test('renders offline', () => {
+  snap(<Alert offline>offline</Alert>);
+});

frontend/components/Alert/__snapshots__/Alert.test.js.snap

@@ -0,0 +1,113 @@
+exports[`test renders danger 1`] = `
+<div
+  className="Flex container danger"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  danger
+</div>
+`;
+
+exports[`test renders default as info 1`] = `
+<div
+  className="Flex container info"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  default
+</div>
+`;
+
+exports[`test renders info 1`] = `
+<div
+  className="Flex container info"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  info
+</div>
+`;
+
+exports[`test renders offline 1`] = `
+<div
+  className="Flex container offline"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  offline
+</div>
+`;
+
+exports[`test renders success 1`] = `
+<div
+  className="Flex container success"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  success
+</div>
+`;
+
+exports[`test renders warning 1`] = `
+<div
+  className="Flex container warning"
+  style={
+    Object {
+      "WebkitAlignItems": "center",
+      "WebkitJustifyContent": "center",
+      "alignItems": "center",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "justifyContent": "center",
+      "msAlignItems": "center",
+      "msJustifyContent": "center"
+    }
+  }>
+  warning
+</div>
+`;