diff --git a/src/recommendations/tests/RecommendationsList.test.jsx b/src/recommendations/tests/RecommendationsList.test.jsx index e273936a..04b40fe1 100644 --- a/src/recommendations/tests/RecommendationsList.test.jsx +++ b/src/recommendations/tests/RecommendationsList.test.jsx @@ -1,14 +1,12 @@ -import React from 'react'; import { Provider } from 'react-redux'; -import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n'; +import { IntlProvider } from '@edx/frontend-platform/i18n'; import { render } from '@testing-library/react'; import configureStore from 'redux-mock-store'; import mockedProductData from './mockedData'; import RecommendationList from '../RecommendationsList'; -const IntlRecommendationList = injectIntl(RecommendationList); const mockStore = configureStore(); describe('RecommendationsListTests', () => { @@ -25,7 +23,7 @@ describe('RecommendationsListTests', () => { userId: 1234567, }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const recommendationCards = container.querySelectorAll('.recommendation-card'); expect(recommendationCards.length).toEqual(mockedProductData.length); @@ -37,7 +35,7 @@ describe('RecommendationsListTests', () => { userId: 1234567, }; - const { getByText } = render(reduxWrapper()); + const { getByText } = render(reduxWrapper()); const firstFooterContent = getByText('1 Course'); const secondFooterContent = getByText('2 Courses'); diff --git a/src/recommendations/tests/RecommendationsPage.test.jsx b/src/recommendations/tests/RecommendationsPage.test.jsx index 3c4ed625..c2fd429e 100644 --- a/src/recommendations/tests/RecommendationsPage.test.jsx +++ b/src/recommendations/tests/RecommendationsPage.test.jsx @@ -1,9 +1,8 @@ -import React from 'react'; import { Provider } from 'react-redux'; import { getConfig } from '@edx/frontend-platform'; import { sendTrackEvent } from '@edx/frontend-platform/analytics'; -import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n'; +import { IntlProvider } from '@edx/frontend-platform/i18n'; import { useMediaQuery } from '@openedx/paragon'; import { fireEvent, render } from '@testing-library/react'; import { useLocation } from 'react-router-dom'; @@ -16,7 +15,6 @@ import mockedRecommendedProducts from '../data/tests/mockedData'; import RecommendationsPage from '../RecommendationsPage'; import { eventNames, getProductMapping } from '../track'; -const IntlRecommendationsPage = injectIntl(RecommendationsPage); const mockStore = configureStore(); jest.mock('@edx/frontend-platform/analytics', () => ({ @@ -77,7 +75,7 @@ describe('RecommendationsPageTests', () => { }); it('should redirect to dashboard if user is not coming from registration workflow', () => { - render(reduxWrapper()); + render(reduxWrapper()); expect(window.location.href).toEqual(dashboardUrl); }); @@ -86,14 +84,14 @@ describe('RecommendationsPageTests', () => { recommendations: [], isLoading: false, }); - render(reduxWrapper()); + render(reduxWrapper()); expect(window.location.href).toEqual(dashboardUrl); }); it('should redirect user if they click "Skip for now" button', () => { mockUseLocation(); jest.useFakeTimers(); - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const skipButton = container.querySelector('.pgn__stateful-btn-state-default'); fireEvent.click(skipButton); jest.advanceTimersByTime(300); @@ -103,7 +101,7 @@ describe('RecommendationsPageTests', () => { it('should display recommendations small layout for small screen', () => { mockUseLocation(); useMediaQuery.mockReturnValue(true); - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const recommendationsSmallLayout = container.querySelector('#recommendations-small-layout'); const reactLoadingSkeleton = container.querySelector('.react-loading-skeleton'); @@ -115,7 +113,7 @@ describe('RecommendationsPageTests', () => { it('should display recommendations large layout for large screen', () => { mockUseLocation(); useMediaQuery.mockReturnValue(false); - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const pgnCollapsible = container.querySelector('.pgn_collapsible'); const reactLoadingSkeleton = container.querySelector('.react-loading-skeleton'); @@ -131,7 +129,7 @@ describe('RecommendationsPageTests', () => { recommendations: [], isLoading: true, }); - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const reactLoadingSkeleton = container.querySelector('.react-loading-skeleton'); @@ -145,7 +143,7 @@ describe('RecommendationsPageTests', () => { recommendations: [], isLoading: true, }); - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const reactLoadingSkeleton = container.querySelector('.react-loading-skeleton'); @@ -160,7 +158,7 @@ describe('RecommendationsPageTests', () => { }); useMediaQuery.mockReturnValue(false); - render(reduxWrapper()); + render(reduxWrapper()); expect(sendTrackEvent).toBeCalled(); expect(sendTrackEvent).toHaveBeenCalledWith( diff --git a/src/register/RegistrationPage.test.jsx b/src/register/RegistrationPage.test.jsx index 18e4e513..236e98e9 100644 --- a/src/register/RegistrationPage.test.jsx +++ b/src/register/RegistrationPage.test.jsx @@ -1,10 +1,9 @@ -import React from 'react'; import { Provider } from 'react-redux'; import { getConfig, mergeConfig } from '@edx/frontend-platform'; import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics'; import { - configure, getLocale, injectIntl, IntlProvider, + configure, getLocale, IntlProvider, } from '@edx/frontend-platform/i18n'; import { fireEvent, render } from '@testing-library/react'; import { mockNavigate, BrowserRouter as Router } from 'react-router-dom'; @@ -31,7 +30,6 @@ jest.mock('@edx/frontend-platform/i18n', () => ({ getLocale: jest.fn(), })); -const IntlRegistrationPage = injectIntl(RegistrationPage); const mockStore = configureStore(); jest.mock('react-router-dom', () => { @@ -188,7 +186,7 @@ describe('RegistrationPage', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, payload); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -220,7 +218,7 @@ describe('RegistrationPage', () => { }, }); store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, formPayload, true); const button = container.querySelector('button.btn-brand'); @@ -243,7 +241,7 @@ describe('RegistrationPage', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, formPayload, true); const button = container.querySelector('button.btn-brand'); @@ -268,7 +266,7 @@ describe('RegistrationPage', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, formPayload, true); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -295,7 +293,7 @@ describe('RegistrationPage', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, payload); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -321,7 +319,7 @@ describe('RegistrationPage', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, payload, false, true); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -336,7 +334,7 @@ describe('RegistrationPage', () => { ENABLE_AUTO_GENERATED_USERNAME: true, }); - const { queryByLabelText } = render(routerWrapper(reduxWrapper())); + const { queryByLabelText } = render(routerWrapper(reduxWrapper())); expect(queryByLabelText('Username')).toBeNull(); mergeConfig({ @@ -347,7 +345,7 @@ describe('RegistrationPage', () => { it('should not dispatch registerNewUser on empty form Submission', () => { store.dispatch = jest.fn(store.dispatch); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -358,7 +356,7 @@ describe('RegistrationPage', () => { // ******** test registration form validations ******** it('should show error messages for required fields on empty form submission', () => { - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const button = container.querySelector('button.btn-brand'); fireEvent.click(button); @@ -386,7 +384,7 @@ describe('RegistrationPage', () => { }, }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const usernameFeedback = container.querySelector('div[feedback-for="username"]'); const emailFeedback = container.querySelector('div[feedback-for="email"]'); @@ -395,7 +393,7 @@ describe('RegistrationPage', () => { }); it('should clear error on focus', () => { - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const submitButton = container.querySelector('button.btn-brand'); fireEvent.click(submitButton); @@ -424,7 +422,7 @@ describe('RegistrationPage', () => { store.dispatch = jest.fn(store.dispatch); const { container } = render(routerWrapper(reduxWrapper( - , + , ))); const emailInput = container.querySelector('input#email'); @@ -435,7 +433,7 @@ describe('RegistrationPage', () => { // ******** test form buttons and fields ******** it('should match default button state', () => { - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const button = container.querySelector('button[type="submit"] span'); expect(button.textContent).toEqual('Create an account for free'); }); @@ -449,7 +447,7 @@ describe('RegistrationPage', () => { }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const button = container.querySelector('button[type="submit"] span.sr-only'); expect(button.textContent).toEqual('pending'); @@ -460,7 +458,7 @@ describe('RegistrationPage', () => { MARKETING_EMAILS_OPT_IN: 'true', }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const checkboxDivs = container.querySelectorAll('div.form-field--checkbox'); expect(checkboxDivs.length).toEqual(1); @@ -473,7 +471,7 @@ describe('RegistrationPage', () => { const buttonLabel = 'Register'; delete window.location; window.location = { href: getConfig().BASE_URL, search: `?cta=${buttonLabel}` }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const button = container.querySelector('button[type="submit"] span'); const buttonText = button.textContent; @@ -492,7 +490,7 @@ describe('RegistrationPage', () => { }, }); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(document.cookie).toMatch(`${getConfig().USER_RETENTION_COOKIE_NAME}=true`); }); @@ -510,7 +508,7 @@ describe('RegistrationPage', () => { }); delete window.location; window.location = { href: getConfig().BASE_URL }; - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(window.location.href).toBe(dashboardURL); }); @@ -537,7 +535,7 @@ describe('RegistrationPage', () => { }); delete window.location; window.location = { href: getConfig().BASE_URL }; - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(window.location.href).toBe(dashboardUrl); }); @@ -568,7 +566,7 @@ describe('RegistrationPage', () => { render(reduxWrapper( - + , )); expect(mockNavigate).toHaveBeenCalledWith(AUTHN_PROGRESSIVE_PROFILING); @@ -586,12 +584,12 @@ describe('RegistrationPage', () => { }); store.dispatch = jest.fn(store.dispatch); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(store.dispatch).toHaveBeenCalledWith(backupRegistrationFormBegin({ ...registrationFormData })); }); it('should send page event when register page is rendered', () => { - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(sendPageEvent).toHaveBeenCalledWith('login_and_registration', 'register'); }); @@ -609,7 +607,7 @@ describe('RegistrationPage', () => { delete window.location; window.location = { href: getConfig().BASE_URL }; - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(sendTrackEvent).toHaveBeenCalledWith('edx.bi.user.account.registered.client', {}); }); @@ -635,7 +633,7 @@ describe('RegistrationPage', () => { store.dispatch = jest.fn(store.dispatch); const { container } = render(reduxWrapper( - + , )); @@ -658,7 +656,7 @@ describe('RegistrationPage', () => { }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const validationErrors = container.querySelector('div#validation-errors'); expect(validationErrors.textContent).toContain( 'An error has occurred. Try refreshing the page, or check your internet connection.', @@ -685,7 +683,7 @@ describe('RegistrationPage', () => { }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const fullNameInput = container.querySelector('input#name'); const usernameInput = container.querySelector('input#username'); @@ -731,14 +729,14 @@ describe('RegistrationPage', () => { }, }, }); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(window.parent.postMessage).toHaveBeenCalledTimes(2); }); it('should not display validations error on blur event when embedded variant is rendered', () => { delete window.location; window.location = { href: getConfig().BASE_URL.concat(REGISTER_PAGE), search: '?host=http://localhost/host-website' }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const usernameInput = container.querySelector('input#username'); fireEvent.blur(usernameInput, { target: { value: '', name: 'username' } }); @@ -766,7 +764,7 @@ describe('RegistrationPage', () => { }, }); const { container } = render(routerWrapper(reduxWrapper( - ), + ), )); const usernameFeedback = container.querySelector('div[feedback-for="username"]'); @@ -783,7 +781,7 @@ describe('RegistrationPage', () => { search: '?host=http://localhost/host-website', }; - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const submitButton = container.querySelector('button.btn-brand'); fireEvent.click(submitButton); @@ -824,7 +822,7 @@ describe('RegistrationPage', () => { }); store.dispatch = jest.fn(store.dispatch); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const spinnerElement = container.querySelector('#tpa-spinner'); const registrationFormElement = container.querySelector('#registration-form'); @@ -875,7 +873,7 @@ describe('RegistrationPage', () => { }); store.dispatch = jest.fn(store.dispatch); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(store.dispatch).toHaveBeenCalledWith(registerNewUser({ name: 'John Doe', username: 'john_doe', diff --git a/src/register/components/tests/ConfigurableRegistrationForm.test.jsx b/src/register/components/tests/ConfigurableRegistrationForm.test.jsx index 3d664260..8e33ef9f 100644 --- a/src/register/components/tests/ConfigurableRegistrationForm.test.jsx +++ b/src/register/components/tests/ConfigurableRegistrationForm.test.jsx @@ -1,9 +1,8 @@ -import React from 'react'; import { Provider } from 'react-redux'; import { mergeConfig } from '@edx/frontend-platform'; import { - getLocale, injectIntl, IntlProvider, + getLocale, IntlProvider, } from '@edx/frontend-platform/i18n'; import { fireEvent, render } from '@testing-library/react'; import { BrowserRouter as Router } from 'react-router-dom'; @@ -23,8 +22,6 @@ jest.mock('@edx/frontend-platform/i18n', () => ({ getLocale: jest.fn(), })); -const IntlConfigurableRegistrationForm = injectIntl(ConfigurableRegistrationForm); -const IntlRegistrationPage = injectIntl(RegistrationPage); const mockStore = configureStore(); jest.mock('react-router-dom', () => { @@ -158,7 +155,7 @@ describe('ConfigurableRegistrationForm', () => { }; render(routerWrapper(reduxWrapper( - , + , ))); expect(document.querySelector('#profession')).toBeTruthy(); @@ -188,7 +185,7 @@ describe('ConfigurableRegistrationForm', () => { }; render(routerWrapper(reduxWrapper( - , + , ))); expect(props.setFormFields).toHaveBeenCalledTimes(2); @@ -215,7 +212,7 @@ describe('ConfigurableRegistrationForm', () => { }, }, }); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(document.querySelector('#profession')).toBeTruthy(); expect(document.querySelector('#tos')).toBeTruthy(); }); @@ -249,7 +246,7 @@ describe('ConfigurableRegistrationForm', () => { }; store.dispatch = jest.fn(store.dispatch); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, payload); @@ -284,7 +281,7 @@ describe('ConfigurableRegistrationForm', () => { }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const submitButton = container.querySelector('button.btn-brand'); fireEvent.click(submitButton); @@ -310,7 +307,7 @@ describe('ConfigurableRegistrationForm', () => { }, }, }); - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const countryInput = container.querySelector('input[name="country"]'); fireEvent.change(countryInput, { target: { value: 'Pak', name: 'country' } }); fireEvent.blur(countryInput, { target: { value: 'Pak', name: 'country' } }); @@ -335,7 +332,7 @@ describe('ConfigurableRegistrationForm', () => { }, }, }); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); const emailInput = getByLabelText('Email'); const confirmEmailInput = getByLabelText('Confirm Email'); @@ -371,7 +368,7 @@ describe('ConfigurableRegistrationForm', () => { }, }, }); - const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); + const { getByLabelText, container } = render(routerWrapper(reduxWrapper())); populateRequiredFields(getByLabelText, formPayload, true); fireEvent.change( @@ -406,7 +403,7 @@ describe('ConfigurableRegistrationForm', () => { }); const { getByLabelText, container } = render( - routerWrapper(reduxWrapper()), + routerWrapper(reduxWrapper()), ); const professionInput = getByLabelText('Profession'); diff --git a/src/register/components/tests/RegistrationFailure.test.jsx b/src/register/components/tests/RegistrationFailure.test.jsx index 003cc966..8c5598e2 100644 --- a/src/register/components/tests/RegistrationFailure.test.jsx +++ b/src/register/components/tests/RegistrationFailure.test.jsx @@ -1,9 +1,8 @@ -import React from 'react'; import { Provider } from 'react-redux'; import { mergeConfig } from '@edx/frontend-platform'; import { - configure, getLocale, injectIntl, IntlProvider, + configure, getLocale, IntlProvider, } from '@edx/frontend-platform/i18n'; import { render, screen } from '@testing-library/react'; import { BrowserRouter as Router } from 'react-router-dom'; @@ -24,8 +23,6 @@ jest.mock('@edx/frontend-platform/i18n', () => ({ getLocale: jest.fn(), })); -const IntlRegistrationPage = injectIntl(RegistrationPage); -const IntlRegistrationFailure = injectIntl(RegistrationFailureMessage); const mockStore = configureStore(); jest.mock('react-router-dom', () => { @@ -137,7 +134,7 @@ describe('RegistrationFailure', () => { failureCount: 0, }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const alertHeading = container.querySelectorAll('div.alert-heading'); expect(alertHeading.length).toEqual(1); @@ -153,7 +150,7 @@ describe('RegistrationFailure', () => { failureCount: 0, }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const alertHeading = container.querySelectorAll('div.alert-heading'); expect(alertHeading.length).toEqual(1); @@ -172,7 +169,7 @@ describe('RegistrationFailure', () => { failureCount: 0, }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const alertHeading = container.querySelectorAll('div.alert-heading'); expect(alertHeading.length).toEqual(1); @@ -191,7 +188,7 @@ describe('RegistrationFailure', () => { failureCount: 0, }; - const { container } = render(reduxWrapper()); + const { container } = render(reduxWrapper()); const alertHeading = container.querySelectorAll('div.alert-heading'); expect(alertHeading.length).toEqual(1); @@ -211,7 +208,7 @@ describe('RegistrationFailure', () => { }, }); - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); const validationError = screen.queryByText('An error has occurred. Try refreshing the page, or check your internet connection.'); expect(validationError).not.toBeNull(); diff --git a/src/register/components/tests/ThirdPartyAuth.test.jsx b/src/register/components/tests/ThirdPartyAuth.test.jsx index 917f10f9..e3293775 100644 --- a/src/register/components/tests/ThirdPartyAuth.test.jsx +++ b/src/register/components/tests/ThirdPartyAuth.test.jsx @@ -1,9 +1,8 @@ -import React from 'react'; import { Provider } from 'react-redux'; import { getConfig, mergeConfig } from '@edx/frontend-platform'; import { - configure, getLocale, injectIntl, IntlProvider, + configure, getLocale, IntlProvider, } from '@edx/frontend-platform/i18n'; import { fireEvent, render } from '@testing-library/react'; import { BrowserRouter as Router } from 'react-router-dom'; @@ -23,7 +22,6 @@ jest.mock('@edx/frontend-platform/i18n', () => ({ getLocale: jest.fn(), })); -const IntlRegistrationPage = injectIntl(RegistrationPage); const mockStore = configureStore(); jest.mock('react-router-dom', () => { @@ -157,7 +155,7 @@ describe('ThirdPartyAuth', () => { }); const { queryByLabelText } = render( - routerWrapper(reduxWrapper(, { store })), + routerWrapper(reduxWrapper(, { store })), ); const passwordField = queryByLabelText('Password'); @@ -182,7 +180,7 @@ describe('ThirdPartyAuth', () => { window.location = { href: getConfig().BASE_URL.concat(LOGIN_PAGE), search: `?next=/dashboard&tpa_hint=${ssoProvider.id}` }; const { container } = render( - routerWrapper(reduxWrapper()), + routerWrapper(reduxWrapper()), ); const tpaButton = container.querySelector(`button#${ssoProvider.id}`); @@ -207,7 +205,7 @@ describe('ThirdPartyAuth', () => { search: `?next=/dashboard&tpa_hint=${ssoProvider.id}`, }; - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const skeletonElement = container.querySelector('.react-loading-skeleton'); expect(skeletonElement).toBeTruthy(); @@ -231,7 +229,7 @@ describe('ThirdPartyAuth', () => { window.location = { href: getConfig().BASE_URL.concat(REGISTER_PAGE), search: `?next=/dashboard&tpa_hint=${ssoProvider.id}` }; ssoProvider.iconImage = null; - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const iconElement = container.querySelector(`button#${ssoProvider.id} div span.pgn__icon`); expect(iconElement).toBeTruthy(); @@ -254,7 +252,7 @@ describe('ThirdPartyAuth', () => { delete window.location; window.location = { href: getConfig().BASE_URL.concat(REGISTER_PAGE), search: `?next=/dashboard&tpa_hint=${secondaryProviders.id}` }; - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(window.location.href).toEqual(getConfig().LMS_BASE_URL + secondaryProviders.registerUrl); }); @@ -275,7 +273,7 @@ describe('ThirdPartyAuth', () => { delete window.location; window.location = { href: getConfig().BASE_URL.concat(LOGIN_PAGE), search: '?next=/dashboard&tpa_hint=invalid' }; - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const providerButton = container.querySelector(`button#${ssoProvider.id} span#provider-name`); expect(providerButton.textContent).toEqual(expectedMessage); @@ -294,7 +292,7 @@ describe('ThirdPartyAuth', () => { }); const { container } = render( - routerWrapper(reduxWrapper(, { store })), + routerWrapper(reduxWrapper(, { store })), ); const buttonsWithId = container.querySelectorAll(`button#${ssoProvider.id}`); @@ -315,7 +313,7 @@ describe('ThirdPartyAuth', () => { }); const { container } = render( - routerWrapper(reduxWrapper()), + routerWrapper(reduxWrapper()), ); const buttonsWithId = container.querySelectorAll(`button#${ssoProvider.id}`); @@ -329,7 +327,7 @@ describe('ThirdPartyAuth', () => { institutionLogin: true, }; - const { getByText } = render(routerWrapper(reduxWrapper())); + const { getByText } = render(routerWrapper(reduxWrapper())); const headingElement = getByText('Register with institution/campus credentials'); expect(headingElement).toBeTruthy(); }); @@ -354,7 +352,7 @@ describe('ThirdPartyAuth', () => { window.location = { href: getConfig().BASE_URL }; const { container } = render( - routerWrapper(reduxWrapper()), + routerWrapper(reduxWrapper()), ); const ssoButton = container.querySelector('button#oa2-apple-id'); @@ -385,7 +383,7 @@ describe('ThirdPartyAuth', () => { delete window.location; window.location = { href: getConfig().BASE_URL }; - render(routerWrapper(reduxWrapper())); + render(routerWrapper(reduxWrapper())); expect(window.location.href).toBe(getConfig().LMS_BASE_URL + authCompleteUrl); }); @@ -406,7 +404,7 @@ describe('ThirdPartyAuth', () => { const expectedMessage = `${'You\'ve successfully signed into Apple! We just need a little more information before ' + 'you start learning with '}${ getConfig().SITE_NAME }.`; - const { container } = render(routerWrapper(reduxWrapper())); + const { container } = render(routerWrapper(reduxWrapper())); const tpaAlert = container.querySelector('#tpa-alert p'); expect(tpaAlert.textContent).toEqual(expectedMessage); }); @@ -437,7 +435,7 @@ describe('ThirdPartyAuth', () => { store.dispatch = jest.fn(store.dispatch); const { container } = render( - routerWrapper(reduxWrapper()), + routerWrapper(reduxWrapper()), ); const alertHeading = container.querySelector('div.alert-heading');