Add a snapshot test for the recent listens page (#797)

* Add a snapshot test

* Lint the test file

* Add the snapshot and fix test

* Actually write the snapshot

listenbrainz/webserver/static/js/src/RecentListens.test.tsx

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { mount } from "enzyme";
+
+import * as recentListensProfilePageProps from "./__mocks__/recentListensProfilePageProps.json";
+
+import RecentListens, { ListensListMode } from "./RecentListens";
+
+const {
+  apiUrl,
+  artistCount,
+  haveListenCount,
+  latestListenTs,
+  latestSpotifyUri,
+  listenCount,
+  listens,
+  mode,
+  nextListenTs,
+  previousListenTs,
+  profileUrl,
+  spotify,
+  user,
+  webSocketsServerUrl,
+} = recentListensProfilePageProps;
+
+const props = {
+  apiUrl,
+  artistCount,
+  haveListenCount,
+  latestListenTs,
+  latestSpotifyUri,
+  listenCount,
+  listens,
+  mode: mode as ListensListMode,
+  nextListenTs,
+  previousListenTs,
+  profileUrl,
+  spotify,
+  user,
+  webSocketsServerUrl,
+};
+
+describe("RecentListens", () => {
+  it("renders correctly on the profile page", () => {
+    const wrapper = mount(<RecentListens {...props} />);
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+});

listenbrainz/webserver/static/js/src/RecentListens.tsx

@@ -32,7 +32,7 @@ export interface RecentListensProps {
   latestSpotifyUri?: string;
   listenCount?: string;
   listens?: Array<Listen>;
-  mode: ListensListMode,
+  mode: ListensListMode;
   nextListenTs?: number;
   previousListenTs?: number;
   profileUrl?: string;