diff --git a/frontend/src/__tests__/ArtPage.snapshot.test.tsx b/frontend/src/__tests__/ArtPage.snapshot.test.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f7af028636aea7eba6f28c1bdc78dbe462746025
--- /dev/null
+++ b/frontend/src/__tests__/ArtPage.snapshot.test.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ArtPage from "../Components/ArtPage"
+import renderer from 'react-test-renderer'
+
+it('renders correctly', () => {
+    const tree = renderer
+        .create(<ArtPage pageId={0} />)
+        .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
new file mode 100644
index 0000000000000000000000000000000000000000..592527d7501650b9f012010f8eedf5baf7f2f4f3
--- /dev/null
+++ b/frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap
@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<div
+  className="artpage background-one font-calibri"
+>
+  <div
+    className="favorite-button"
+  >
+    <img
+      alt="favorite-active"
+      onClick={[Function]}
+      src="favorite.png"
+      style={
+        Object {
+          "height": "4rem",
+          "width": "4rem",
+        }
+      }
+    />
+  </div>
+  <div
+    className="dropdown"
+  >
+    <span
+      className="settings-icon"
+      onClick={[Function]}
+    />
+  </div>
+  <div
+    className="exhibition-piece"
+  >
+    <div
+      className="exhibition-piece-title"
+    >
+      <h1>
+        Loading...
+      </h1>
+    </div>
+    <div
+      className="author"
+    >
+      Loading...
+    </div>
+    <div
+      className="svg-artwork"
+    />
+    <div
+      className="poem"
+    >
+      <p>
+        Loading...
+      </p>
+    </div>
+  </div>
+  <div
+    className="navbutton left"
+  >
+    <img
+      onClick={[Function]}
+      src="left-arrow.png"
+      style={
+        Object {
+          "height": "4rem",
+          "width": "4rem",
+        }
+      }
+    />
+  </div>
+  <div
+    className="navbutton right"
+  >
+    <img
+      onClick={[Function]}
+      src="right-arrow.png"
+      style={
+        Object {
+          "height": "4rem",
+          "width": "4rem",
+        }
+      }
+    />
+  </div>
+</div>
+`;