diff --git a/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.test.js b/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.test.js
new file mode 100644
index 00000000..06614c15
--- /dev/null
+++ b/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.test.js
@@ -0,0 +1,54 @@
+import React from 'react'
+import { MockedProvider } from '@apollo/client/testing'
+
+import { render, screen } from '@testing-library/react'
+
+import {
+  CONCURRENT_WORKERS_QUERY,
+  SET_CONCURRENT_WORKERS_MUTATION,
+  ScannerConcurrentWorkers,
+} from './ScannerConcurrentWorkers'
+
+describe('load correct share page, based on graphql query', () => {
+  const graphqlMocks = [
+    {
+      request: {
+        query: CONCURRENT_WORKERS_QUERY,
+      },
+      result: {
+        data: {
+          siteInfo: { concurrentWorkers: 3 },
+        },
+      },
+    },
+    {
+      request: {
+        query: SET_CONCURRENT_WORKERS_MUTATION,
+        variables: {
+          workers: '1',
+        },
+      },
+      result: {
+        data: {},
+      },
+    },
+  ]
+
+  test('load media share page', async () => {
+    render(
+      <MockedProvider
+        mocks={graphqlMocks}
+        addTypename={false}
+        defaultOptions={{
+          // disable cache, required to make fragments work
+          watchQuery: { fetchPolicy: 'no-cache' },
+          query: { fetchPolicy: 'no-cache' },
+        }}
+      >
+        <ScannerConcurrentWorkers />
+      </MockedProvider>
+    )
+
+    expect(screen.getByText('Scanner concurrent workers')).toBeInTheDocument()
+  })
+})
diff --git a/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.tsx b/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.tsx
index 717d1603..8a10dcb5 100644
--- a/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.tsx
+++ b/ui/src/Pages/SettingsPage/ScannerConcurrentWorkers.tsx
@@ -9,7 +9,7 @@ import {
 } from './__generated__/setConcurrentWorkers'
 import { TextField } from '../../primitives/form/Input'
 
-const CONCURRENT_WORKERS_QUERY = gql`
+export const CONCURRENT_WORKERS_QUERY = gql`
   query concurrentWorkersQuery {
     siteInfo {
       concurrentWorkers
@@ -17,13 +17,13 @@ const CONCURRENT_WORKERS_QUERY = gql`
   }
 `
 
-const SET_CONCURRENT_WORKERS_MUTATION = gql`
+export const SET_CONCURRENT_WORKERS_MUTATION = gql`
   mutation setConcurrentWorkers($workers: Int!) {
     setScannerConcurrentWorkers(workers: $workers)
   }
 `
 
-const ScannerConcurrentWorkers = () => {
+export const ScannerConcurrentWorkers = () => {
   const { t } = useTranslation()
 
   const workerAmountServerValue = useRef<null | number>(null)
@@ -86,5 +86,3 @@ const ScannerConcurrentWorkers = () => {
     </div>
   )
 }
-
-export default ScannerConcurrentWorkers
diff --git a/ui/src/Pages/SettingsPage/ScannerSection.tsx b/ui/src/Pages/SettingsPage/ScannerSection.tsx
index cced4376..733b0077 100644
--- a/ui/src/Pages/SettingsPage/ScannerSection.tsx
+++ b/ui/src/Pages/SettingsPage/ScannerSection.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { useMutation, gql } from '@apollo/client'
 import PeriodicScanner from './PeriodicScanner'
-import ScannerConcurrentWorkers from './ScannerConcurrentWorkers'
+import { ScannerConcurrentWorkers } from './ScannerConcurrentWorkers'
 import { SectionTitle, InputLabelDescription } from './SettingsPage'
 import { useTranslation } from 'react-i18next'
 import { scanAllMutation } from './__generated__/scanAllMutation'