Adjust test cases for Header language dropdown

Author: royallsilwallz

frontend/src/components/header/tests/index.test.js

@@ -134,16 +134,18 @@ describe('Right side action items', () => {
     expect(screen.getByLabelText('Sample avatar')).toBeInTheDocument();
   });
 
-  test("when the user isn't logged in", () => {
+  test("when the user isn't logged in", async () => {
     act(() => {
       store.dispatch({
         type: 'SET_USER_DETAILS',
         userDetails: {},
       });
     });
     setup();
-    expect(screen.getByRole('combobox')).toBeInTheDocument();
-    expect(screen.getByText('English')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByRole('combobox')).toBeInTheDocument();
+      expect(screen.getByText('English')).toBeInTheDocument();
+    });
     expect(
       screen.getByRole('button', {
         name: /log in/i,

frontend/src/network/tests/mockData/header.js

@@ -0,0 +1,8 @@
+export const systemLanguages = {
+  supportedLanguages: [
+    {
+      code: 'en',
+      language: 'English',
+    },
+  ],
+};

frontend/src/network/tests/server-handlers.js

@@ -71,6 +71,7 @@ import {
 import tasksGeojson from '../../utils/tests/snippets/tasksGeometry';
 import { API_URL, OHSOME_STATS_API_URL, defaultChangesetComment } from '../../config';
 import { notifications, ownCountUnread } from './mockData/notifications';
+import { systemLanguages } from './mockData/header';
 import { authLogin, setUser, userRegister } from './mockData/auth';
 import {
   extendTask,
@@ -153,6 +154,10 @@ const handlers = [
   rest.get(API_URL + 'projects/queries/:projectId/similar-projects/', async (req, res, ctx) => {
     return res(ctx.json(similarProjects));
   }),
+  // HEADER
+  rest.get(API_URL + 'system/languages/', async (req, res, ctx) => {
+    return res(ctx.json(systemLanguages));
+  }),
   // AUTHENTICATION
   rest.get(API_URL + 'system/authentication/login/', async (req, res, ctx) => {
     return res(ctx.json(authLogin));