added one simple snapshot test

frontend/src/__tests__/ArtPage.snapshot.test.tsx

+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()
+})

frontend/src/__tests__/__snapshots__/ArtPage.snapshot.test.tsx.snap

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