|
1 | 1 | /* eslint-disable react/prop-types */ |
2 | 2 | import React, { useMemo } from 'react'; |
3 | | -import { fireEvent, render, screen } from '@testing-library/react'; |
| 3 | +import { render, screen } from '@testing-library/react'; |
| 4 | +import userEvent from '@testing-library/user-event'; |
4 | 5 | import '@testing-library/jest-dom/extend-expect'; |
5 | 6 | import { IntlProvider } from '@edx/frontend-platform/i18n'; |
6 | 7 | import { AppContext } from '@edx/frontend-platform/react'; |
@@ -56,35 +57,40 @@ describe('Footer', () => { |
56 | 57 | }); |
57 | 58 | }); |
58 | 59 | describe('help section expanded view', () => { |
59 | | - it('help button should read Hide Studio help', () => { |
| 60 | + it('help button should read Hide Studio help', async () => { |
| 61 | + const user = userEvent.setup(); |
60 | 62 | render(<Component />); |
61 | 63 | const helpToggleButton = screen.getByText(messages.openHelpButtonLabel.defaultMessage); |
62 | | - fireEvent.click(helpToggleButton); |
| 64 | + await user.click(helpToggleButton); |
63 | 65 | expect(screen.getByText(messages.closeHelpButtonLabel.defaultMessage)) |
64 | 66 | .toBeVisible(); |
65 | 67 | }); |
66 | | - it('help button link row should be visible', () => { |
| 68 | + it('help button link row should be visible', async () => { |
| 69 | + const user = userEvent.setup(); |
67 | 70 | render(<Component />); |
68 | 71 | const helpToggleButton = screen.getByText(messages.openHelpButtonLabel.defaultMessage); |
69 | | - fireEvent.click(helpToggleButton); |
| 72 | + await user.click(helpToggleButton); |
70 | 73 | expect(screen.getByTestId('helpButtonRow')).toBeVisible(); |
71 | 74 | }); |
72 | | - it('Open edX portal button should be visible', () => { |
| 75 | + it('Open edX portal button should be visible', async () => { |
| 76 | + const user = userEvent.setup(); |
73 | 77 | render(<Component />); |
74 | 78 | const helpToggleButton = screen.getByText(messages.openHelpButtonLabel.defaultMessage); |
75 | | - fireEvent.click(helpToggleButton); |
| 79 | + await user.click(helpToggleButton); |
76 | 80 | expect(screen.getByTestId('openEdXPortalButton')).toBeVisible(); |
77 | 81 | }); |
78 | | - it('should not show contact us button', () => { |
| 82 | + it('should not show contact us button', async () => { |
| 83 | + const user = userEvent.setup(); |
79 | 84 | render(<Component />); |
80 | 85 | const helpToggleButton = screen.getByText(messages.openHelpButtonLabel.defaultMessage); |
81 | | - fireEvent.click(helpToggleButton); |
| 86 | + await user.click(helpToggleButton); |
82 | 87 | expect(screen.queryByTestId('contactUsButton')).toBeNull(); |
83 | 88 | }); |
84 | | - it('should show contact us button', () => { |
| 89 | + it('should show contact us button', async () => { |
| 90 | + const user = userEvent.setup(); |
85 | 91 | render(<Component updateVariable={['SUPPORT_EMAIL', 'support@email.com']} />); |
86 | 92 | const helpToggleButton = screen.getByText(messages.openHelpButtonLabel.defaultMessage); |
87 | | - fireEvent.click(helpToggleButton); |
| 93 | + await user.click(helpToggleButton); |
88 | 94 | expect(screen.getByTestId('contactUsButton')).toBeVisible(); |
89 | 95 | }); |
90 | 96 | }); |
|
0 commit comments