Merge pull request #34 from CS428-CT/search-screen

Search screen

Author: mattwalo32

__tests__/api/offerings-test.js

@@ -3,9 +3,11 @@ import MockAdapter from 'axios-mock-adapter'
 import { getUserMetadata, setAuthToken, signOutUser } from '../../src/api/auth'
 import { format } from '../../src/utils/string'
 import {
+  addStarredOferring,
   getOfferingData,
   getStarredOfferings,
   getStarredOfferingsData,
+  removeStarredOffering,
 } from '../../src/api/offerings'
 import { HTTP_STATUS_CODES } from '../../src/api'
 import {
@@ -116,3 +118,42 @@ describe('Get starred offerings data', () => {
     expect(starredOfferings).toStrictEqual([])
   })
 })
+
+describe('Modify starred offerings', () => {
+  beforeEach(() => {
+    mock.onGet(`${ENDPOINTS.USER_METADATA}`).reply(HTTP_STATUS_CODES.OK, METADATA_RESPONSE)
+    mock.onPost(`${ENDPOINTS.POST_USER_METADATA}`).reply(HTTP_STATUS_CODES.OK)
+    setAuthToken(MOCK_AUTH_TOKEN)
+  })
+
+  afterEach(async () => {
+    mock.reset()
+  })
+
+  test('Add offering', async () => {
+    const offeringToAdd = 'testOfferingId'
+
+    await getUserMetadata()
+    const originalStarredOfferings = await getStarredOfferings()
+    await addStarredOferring(offeringToAdd)
+    const updatedStarredOfferings = await getStarredOfferings()
+
+    const expected = { [offeringToAdd]: 'starred', ...originalStarredOfferings }
+    expect(updatedStarredOfferings).toStrictEqual(expected)
+  })
+
+  test('Remove offering', async () => {
+    await getUserMetadata()
+    const originalStarredOfferings = await getStarredOfferings()
+
+    const toRemove = Object.keys(originalStarredOfferings)[0]
+
+    await removeStarredOffering(toRemove)
+    const updatedStarredOfferings = await getStarredOfferings()
+
+    const expected = originalStarredOfferings
+    delete expected[toRemove]
+
+    expect(updatedStarredOfferings).toStrictEqual(expected)
+  })
+})

__tests__/frontend/HomeContainer-test.js

@@ -52,7 +52,7 @@ describe('Check universities rendering', () => {
   test('Check that components render', async () => {
     setUserData(USER_DATA)
 
-    const { getByTestId } = render(<Home starred={false} navigation={mockNavigator} />)
+    const { getByTestId } = render(<Home navigation={mockNavigator} />)
 
     const uniPicker = getByTestId('uniPicker')
     expect(uniPicker).not.toBe(null)
@@ -66,34 +66,17 @@ describe('Check universities rendering', () => {
 
   test('Check that loading indicator renders', async () => {
     setUserData(USER_DATA)
-    render(<Home starred={false} navigation={mockNavigator} />)
+    render(<Home navigation={mockNavigator} />)
 
     await waitFor(() => expect(mockHook).toHaveBeenCalled())
   })
 
-  test('Check (not starred) courses render', async () => {
-    setUserData(USER_DATA)
-
-    const { queryByText, queryAllByA11yRole } = render(
-      <Home starred={false} navigation={mockNavigator} />
-    )
-    const courses = await waitFor(() => queryAllByA11yRole('button'))
-    expect(courses.length).not.toBe(0)
-
-    for (let i = 0; i < OFFERINGS_IN_LIST.length; i += 1) {
-      const offering = OFFERINGS_IN_LIST[i]
-      const termSection = `${offering.term.name} | ${offering.offering.sectionName}`
-      const courseItem = await waitFor(() => queryByText(termSection))
-      expect(courseItem).not.toBe(null)
-    }
-  })
-
   test('Check (starred) courses render', async () => {
     setUserData(USER_DATA)
     const user = getCurrentAuthenticatedUser()
     user.metadata = STARRED_OFFERINGS_RESPONSE2
 
-    const { queryByText, queryAllByA11yRole } = render(<Home starred navigation={mockNavigator} />)
+    const { queryByText, queryAllByA11yRole } = render(<Home navigation={mockNavigator} />)
     const courses = await waitFor(() => queryAllByA11yRole('button'))
     expect(courses.length).not.toBe(0)
 

__tests__/frontend/SearchContainer-test.js

@@ -0,0 +1,70 @@
+import axios from 'axios'
+import React from 'react'
+import MockAdapter from 'axios-mock-adapter'
+import { render, waitFor } from '@testing-library/react-native'
+import { setUserData } from '../../src/api/auth'
+import { ENDPOINTS } from '../../src/api/api-requests'
+import { format } from '../../src/utils/string'
+import { HTTP_STATUS_CODES } from '../../src/api'
+import { UNIVERSITY_RESPONSE } from '../mock_responses/mock-university-response'
+import Home from '../../src/containers/HomeContainer/Home'
+import {
+  OFFERINGS_RESPONSE_1,
+  OFFERINGS_RESPONSE_2,
+  USER_OFFERINGS_RESPONSE,
+} from '../mock_responses/mock-offerings-response'
+import { useLoadingIndicator } from '../../src/hooks/useLoadingIndicator'
+import SearchContainer from '../../src/containers/SearchContainer/SearchContainer'
+
+jest.mock('../../src/hooks/useLoadingIndicator')
+const mock = new MockAdapter(axios)
+const mockHook = jest.fn()
+useLoadingIndicator.mockReturnValue(mockHook)
+
+describe('Check universities rendering', () => {
+  const USER_DATA = {
+    authToken: 'A',
+    universityId: '1001',
+    userId: 'test user',
+    emaildId: '[email protected]',
+  }
+
+  const offeringId1 = 'ac5b1727-629c-443b-8c1a-cc1bd541af6a'
+  const offeringId2 = '2c7a83cc-e2f3-493a-ae65-33f9c998e8ed'
+  const mockNavigator = { push: jest.fn() }
+
+  beforeEach(() => {
+    mock
+      .onGet(`${ENDPOINTS.UNIVERSITIES}`)
+      .reply(HTTP_STATUS_CODES.OK, UNIVERSITY_RESPONSE)
+      .onGet(`${ENDPOINTS.OFFERINGBYSTUDENT}`)
+      .reply(HTTP_STATUS_CODES.OK, USER_OFFERINGS_RESPONSE)
+      .onGet(`${format(ENDPOINTS.OFFERING, offeringId1)}`)
+      .reply(HTTP_STATUS_CODES.OK, OFFERINGS_RESPONSE_1)
+      .onGet(`${format(ENDPOINTS.OFFERING, offeringId2)}`)
+      .reply(HTTP_STATUS_CODES.OK, OFFERINGS_RESPONSE_2)
+  })
+
+  afterEach(() => {
+    mock.reset()
+  })
+
+  test('Check that components render', async () => {
+    setUserData(USER_DATA)
+
+    const { getByTestId } = render(<SearchContainer />)
+
+    const picker = getByTestId('searchBar')
+    expect(picker).not.toBe(null)
+
+    const courseList = getByTestId('courseList')
+    expect(courseList).not.toBe(null)
+  })
+
+  test('Check that loading indicator renders', async () => {
+    setUserData(USER_DATA)
+    render(<Home navigation={mockNavigator} />)
+
+    await waitFor(() => expect(mockHook).toHaveBeenCalled())
+  })
+})