Added Jest for testing both front and backend

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>
+`;