diff --git a/src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap b/src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap
new file mode 100644
index 00000000..45e4d158
--- /dev/null
+++ b/src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer component same snapshot 1`] = `
+<styled.footer>
+  <styled.div>
+    <Grid
+      relaxed={true}
+    >
+      <GridRow
+        verticalAlign="middle"
+      >
+        <GridColumn
+          mobile={16}
+          width={12}
+        >
+          <a
+            href="https://github.com/Metnew/react-semantic.ui-starter"
+          >
+            <Header
+              as="h3"
+              inverted={true}
+            >
+              <Icon
+                as="i"
+                name="github"
+              />
+              <HeaderContent>
+                Noir
+                <HeaderSubheader>
+                  Semantic.UI is cool, really.
+                </HeaderSubheader>
+              </HeaderContent>
+            </Header>
+          </a>
+        </GridColumn>
+      </GridRow>
+    </Grid>
+  </styled.div>
+</styled.footer>
+`;
diff --git a/src/common/components/parts/Header/__snapshots__/index.test.jsx.snap b/src/common/components/parts/Header/__snapshots__/index.test.jsx.snap
new file mode 100644
index 00000000..db4ad2f9
--- /dev/null
+++ b/src/common/components/parts/Header/__snapshots__/index.test.jsx.snap
@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header component same snapshot at Dashboard on non-mobile screen 1`] = `
+<styled.header>
+  <styled.div>
+    <styled.span>
+      Dashboard
+    </styled.span>
+    <styled.span />
+    <Popup
+      content={
+        <FormattedMessage
+          defaultMessage="Hello {name}"
+          id="Header.Popup.HeaderButton"
+          values={
+            Object {
+              "name": <b>
+                user
+              </b>,
+            }
+          }
+        />
+      }
+      inverted={true}
+      on="hover"
+      position="top left"
+      trigger={
+        <Styled(Button)
+          aria-label="github-header-link-button"
+          as="a"
+          basic={true}
+          circular={true}
+          href="https://github.com/Metnew/react-semantic.ui-starter"
+          icon={true}
+          id="header-button"
+        >
+          <Icon
+            as="i"
+            fitted={true}
+            link={true}
+            name="github"
+            size="large"
+          />
+        </Styled(Button)>
+      }
+    />
+  </styled.div>
+</styled.header>
+`;
diff --git a/src/common/components/parts/Sidebar/__snapshots__/index.test.jsx.snap b/src/common/components/parts/Sidebar/__snapshots__/index.test.jsx.snap
new file mode 100644
index 00000000..5dfe65a5
--- /dev/null
+++ b/src/common/components/parts/Sidebar/__snapshots__/index.test.jsx.snap
@@ -0,0 +1,102 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Sidebar component same snapshot if Sidebar is open and it is on mobile screen 1`] = `
+<Styled(Sidebar)
+  animation="push"
+  as={[Function]}
+  icon="labeled"
+  vertical={true}
+  visible={true}
+  width="thin"
+>
+  <styled.a
+    href="https://github.com/Metnew/react-semantic.ui-starter"
+  >
+    <Styled(Logo)
+      alt="logo"
+      centered={true}
+      shape="circular"
+    />
+  </styled.a>
+  <Styled(MenuItem)
+    activeClassName="active"
+    as={[Function]}
+    exact={true}
+    icon={true}
+    link={true}
+    to="/"
+  >
+    <Icon
+      as="i"
+      name="newspaper"
+    />
+     
+    Dashboard
+  </Styled(MenuItem)>
+  <Styled(MenuItem)
+    activeClassName="active"
+    as={[Function]}
+    exact={true}
+    icon={true}
+    link={true}
+    to="/users"
+  >
+    <Icon
+      as="i"
+      name="users"
+    />
+     
+    Users
+  </Styled(MenuItem)>
+  <Styled(MenuItem)
+    as="a"
+    href="https://github.com/Metnew/react-semantic.ui-starter"
+    icon={true}
+    link={true}
+  >
+    <Icon
+      as="i"
+      name="github"
+    />
+     
+    Github
+  </Styled(MenuItem)>
+  <Styled(MenuItem)
+    activeClassName="active"
+    as={[Function]}
+    icon={true}
+    link={true}
+    to="/auth"
+  >
+    <Icon
+      as="i"
+    />
+     
+    Auth
+  </Styled(MenuItem)>
+  <Styled(MenuItem)
+    activeClassName="active"
+    as={[Function]}
+    exact={true}
+    icon={true}
+    link={true}
+    to="/users/:id"
+  >
+    <Icon
+      as="i"
+    />
+     
+    User
+  </Styled(MenuItem)>
+  <styled.span />
+  <Styled(MenuItem)
+    onClick={[Function]}
+  >
+    <Icon
+      as="i"
+      name="sign out"
+    />
+    Logout
+  </Styled(MenuItem)>
+</Styled(Sidebar)>
+`;