From ccf4e30639e9be6cf2c22e053a3f917334129f33 Mon Sep 17 00:00:00 2001
From: PJ-Watson <59647390+PJ-Watson@users.noreply.github.com>
Date: Fri, 5 Aug 2022 19:39:06 +0100
Subject: [PATCH] Including ui test

---
 .../thumbnailPreferences.test.tsx             | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 ui/src/Pages/SettingsPage/thumbnailPreferences.test.tsx

diff --git a/ui/src/Pages/SettingsPage/thumbnailPreferences.test.tsx b/ui/src/Pages/SettingsPage/thumbnailPreferences.test.tsx
new file mode 100644
index 00000000..cd5af589
--- /dev/null
+++ b/ui/src/Pages/SettingsPage/thumbnailPreferences.test.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import { MockedProvider } from '@apollo/client/testing'
+
+import { render, screen } from '@testing-library/react'
+
+import {
+  THUMBNAIL_METHOD_QUERY,
+  SET_THUMBNAIL_METHOD_MUTATION,
+  ThumbnailPreferences,
+} from './ThumbnailPreferences'
+
+test('load ThumbnailPreferences', () => {
+  const graphqlMocks = [
+    {
+      request: {
+        query: THUMBNAIL_METHOD_QUERY,
+      },
+      result: {
+        data: {
+          siteInfo: { method: 0 },
+        },
+      },
+    },
+    {
+      request: {
+        query: SET_THUMBNAIL_METHOD_MUTATION,
+        variables: {
+          method: '5',
+        },
+      },
+      result: {
+        data: {},
+      },
+    },
+  ]
+  render(
+    <MockedProvider
+      mocks={graphqlMocks}
+      addTypename={false}
+      defaultOptions={{
+        // disable cache, required to make fragments work
+        watchQuery: { fetchPolicy: 'no-cache' },
+        query: { fetchPolicy: 'no-cache' },
+      }}
+    >
+      <ThumbnailPreferences />
+    </MockedProvider>
+  )
+
+  expect(screen.getByText('Downsampling method')).toBeInTheDocument()
+})