diff --git a/frontend/src/__tests__/DropDown.snapshot.test.tsx b/frontend/src/__tests__/DropDown.snapshot.test.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..18ab8d916ffd4857869c4f8861e3a3a0927ad254
--- /dev/null
+++ b/frontend/src/__tests__/DropDown.snapshot.test.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import DropDown from "../Components/DropDown"
+import renderer from 'react-test-renderer'
+
+it('renders correctly', () => {
+    const tree = renderer
+        .create(<DropDown/>)
+        .toJSON();
+    expect(tree).toMatchSnapshot()
+})
diff --git a/frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap b/frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap
index 592527d7501650b9f012010f8eedf5baf7f2f4f3..18401736afa6443af6e635dccac51834f8437727 100644
--- a/frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap
+++ b/frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap
@@ -57,6 +57,7 @@ exports[`renders correctly 1`] = `
     className="navbutton left"
   >
     <img
+      alt="left"
       onClick={[Function]}
       src="left-arrow.png"
       style={
@@ -71,6 +72,7 @@ exports[`renders correctly 1`] = `
     className="navbutton right"
   >
     <img
+      alt="right"
       onClick={[Function]}
       src="right-arrow.png"
       style={
diff --git a/frontend/src/__tests__/__snapshots__/DropDown.snapshot.test.tsx.snap b/frontend/src/__tests__/__snapshots__/DropDown.snapshot.test.tsx.snap
new file mode 100644
index 0000000000000000000000000000000000000000..6f60124ae01a170731964722496f7c8cb41a6a6f
--- /dev/null
+++ b/frontend/src/__tests__/__snapshots__/DropDown.snapshot.test.tsx.snap
@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="dropdown"
+>
+  <span
+    className="settings-icon"
+    onClick={[Function]}
+  />
+</div>
+`;