Skip to content

Commit

Permalink
Removed async from hook tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@juli-txt
juli-txt committed Sep 12, 2024
1 parent 9e7ed57 commit f635d8d
Showing 1 changed file with 129 additions and 132 deletions.
261 changes: 129 additions & 132 deletions .../Dashboards/Rating/LearningElementRatingDashboard/LearningElementRatingDashboard.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,43 +22,40 @@ describe('LearningElementRatingDashboard', () => {
</MemoryRouter>
)

console.log(container.innerHTML)
act(() =>
waitFor(async () => {
const value = getByText('0.805')
fireEvent.mouseOver(value)
await waitFor(() => {
const value = getByText('0.805')
fireEvent.mouseOver(value)

const valueTrend = container.querySelectorAll('image.value-trend')
fireEvent.mouseOver(valueTrend[0])
const valueTrend = container.querySelectorAll('image.value-trend')
fireEvent.mouseOver(valueTrend[0])

const deviation = getByText('0.80')
fireEvent.mouseOver(deviation)
const deviation = getByText('0.80')
fireEvent.mouseOver(deviation)

const deviationTrend = container.querySelectorAll('image.deviation-trend')
fireEvent.mouseOver(deviationTrend[0])
const deviationTrend = container.querySelectorAll('image.deviation-trend')
fireEvent.mouseOver(deviationTrend[0])

const dataPoint = container.querySelectorAll('circle.data-point')
fireEvent.mouseOver(dataPoint[0])
const dataPoint = container.querySelectorAll('circle.data-point')
fireEvent.mouseOver(dataPoint[0])

const upperDeviation = container.querySelectorAll('circle.upper-deviation')
fireEvent.mouseOver(upperDeviation[0])
const upperDeviation = container.querySelectorAll('circle.upper-deviation')
fireEvent.mouseOver(upperDeviation[0])

const lowerDeviation = container.querySelectorAll('circle.lower-deviation')
fireEvent.mouseOver(lowerDeviation[0])
const lowerDeviation = container.querySelectorAll('circle.lower-deviation')
fireEvent.mouseOver(lowerDeviation[0])

const xAxis = container.querySelectorAll('g.x-axis')
fireEvent.mouseOver(xAxis[0])
const xAxis = container.querySelectorAll('g.x-axis')
fireEvent.mouseOver(xAxis[0])

const yAxis = container.querySelectorAll('g.y-axis')
fireEvent.mouseOver(yAxis[0])
const yAxis = container.querySelectorAll('g.y-axis')
fireEvent.mouseOver(yAxis[0])

const radioButton = getAllByRole('radio')
fireEvent.click(radioButton[1])
const radioButton = getAllByRole('radio')
fireEvent.click(radioButton[1])

const header = container.querySelectorAll('th')
fireEvent.mouseOver(header[0])
})
)
const header = container.querySelectorAll('th')
fireEvent.mouseOver(header[0])
})
})

it('rerenders the chart and checks the tooltip of the spider graph', async () => {
Expand All @@ -77,7 +74,7 @@ describe('LearningElementRatingDashboard', () => {
})
})

test('Functionality of the hook', async () => {
test('Functionality of the hook', () => {
const { result } = renderHook(() => useLearningElementRatingDashboard())

expect(result.current.ratingValue).toEqual(0)
Expand All @@ -89,148 +86,148 @@ describe('LearningElementRatingDashboard', () => {
expect(result.current.lineGraphData).toEqual([])
expect(result.current.topics).toEqual([])

await waitFor(async () => {
waitFor(() => {
expect(result.current.isLoading).toBe(false)
})

expect(result.current.ratingValue).toEqual(0.8055555555555555)
expect(result.current.ratingDeviation).toEqual(0.8055555555555556)
expect(result.current.maxRatingDeviation).toEqual(1)
expect(result.current.ratingDeviationTrend).toEqual(0.5277777777777778)
expect(result.current.ratingValueTrend).toEqual(0.5277777777777777)
expect(result.current.spiderGraphData).toEqual({ '1': 1200, '2': 900, '99': 800 })
expect(result.current.lineGraphData).toEqual([
{
deviation: 196,
timestamp: new Date('2023-01-01T00:00:00.000Z'),
value: 1000
},
{
deviation: 182.9333333333333,
timestamp: new Date('2023-01-02T00:00:00.000Z'),
value: 933.3333333333334
}
])
expect(result.current.topics).toEqual([
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 1,
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Wirtschaftsinformatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
expect(result.current.ratingValue).toEqual(0.8055555555555555)
expect(result.current.ratingDeviation).toEqual(0.8055555555555556)
expect(result.current.maxRatingDeviation).toEqual(1)
expect(result.current.ratingDeviationTrend).toEqual(0.5277777777777778)
expect(result.current.ratingValueTrend).toEqual(0.5277777777777777)
expect(result.current.spiderGraphData).toEqual({ '1': 1200, '2': 900, '99': 800 })
expect(result.current.lineGraphData).toEqual([
{
deviation: 196,
timestamp: new Date('2023-01-01T00:00:00.000Z'),
value: 1000
},
{
deviation: 182.9333333333333,
timestamp: new Date('2023-01-02T00:00:00.000Z'),
value: 933.3333333333334
}
])
expect(result.current.topics).toEqual([
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 1,
student_id: 1,
topic_id: 1,
visits: ['string']
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Wirtschaftsinformatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
id: 1,
student_id: 1,
topic_id: 1,
visits: ['string']
},
university: 'HS-Kempten'
},
university: 'HS-Kempten'
},
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 2,
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Informatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 2,
student_id: 1,
topic_id: 2,
visits: ['string']
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Informatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
id: 2,
student_id: 1,
topic_id: 2,
visits: ['string']
},
university: 'HS-Kempten'
},
university: 'HS-Kempten'
},
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 1,
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Wirtschaftsinformatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 1,
student_id: 1,
topic_id: 1,
visits: ['string']
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Wirtschaftsinformatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
id: 1,
student_id: 1,
topic_id: 1,
visits: ['string']
},
university: 'HS-Kempten'
},
university: 'HS-Kempten'
},
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 2,
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Informatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
{
contains_le: true,
created_at: 'string',
created_by: 'string',
id: 2,
student_id: 1,
topic_id: 2,
visits: ['string']
},
university: 'HS-Kempten'
}
])
is_topic: true,
last_updated: 'string',
lms_id: 1,
name: 'Informatik',
parent_id: 1,
student_topic: {
done: true,
done_at: 'string',
id: 2,
student_id: 1,
topic_id: 2,
visits: ['string']
},
university: 'HS-Kempten'
}
])
})
})

test('Functionality of the hook with getUser failing', async () => {
test('Functionality of the hook with getUser failing', () => {
mockServices.fetchUser.mockImplementationOnce(() => Promise.reject(new Error('fetchUser error')))

const { result } = renderHook(() => useLearningElementRatingDashboard())

await waitFor(async () => {
waitFor(() => {
expect(result.current.isLoading).toBe(true)
})
})

test('Functionality of the hook with getCourses failing', async () => {
test('Functionality of the hook with getCourses failing', () => {
mockServices.fetchCourses.mockImplementationOnce(() => Promise.reject(new Error('fetchCourses error')))
const { result } = renderHook(() => useLearningElementRatingDashboard())

await waitFor(async () => {
waitFor(() => {
expect(result.current.isLoading).toBe(true)
})
})

test('Functionality of the hook with getLearningPathTopic failing', async () => {
test('Functionality of the hook with getLearningPathTopic failing', () => {
mockServices.fetchLearningPathTopic.mockImplementationOnce(() =>
Promise.reject(new Error('fetchLearningPathTopic error'))
)
const { result } = renderHook(() => useLearningElementRatingDashboard())

await waitFor(async () => {
waitFor(() => {
expect(result.current.isLoading).toBe(true)
})
})

test('Functionality of the hook with fetchLearningElementRatings failing', async () => {
test('Functionality of the hook with fetchLearningElementRatings failing', () => {
mockServices.fetchLearningElementRatings.mockImplementationOnce(() =>
Promise.reject(new Error('fetchLearningElementRatings error'))
)
const { result } = renderHook(() => useLearningElementRatingDashboard())

await waitFor(async () => {
waitFor(() => {
expect(result.current.isLoading).toBe(true)
})
})
Expand Down

0 comments on commit f635d8d

Please sign in to comment.