Passwordless redirect unit test (#2235)

* add unit tests for passwordless landing

Author: hajinsuha1

packages/template-retail-react-app/app/pages/login/index.jsx

@@ -179,7 +179,7 @@ const Login = ({initialView = LOGIN_VIEW}) => {
             const redirectTo = redirectPath ? redirectPath : '/account'
             navigate(redirectTo)
         }
-    }, [isRegistered])
+    }, [isRegistered, redirectPath])
 
     /**************** Einstein ****************/
     useEffect(() => {

packages/template-retail-react-app/app/pages/login/passwordless-landing.test.js

@@ -5,22 +5,18 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {screen, waitFor} from '@testing-library/react'
+import {waitFor} from '@testing-library/react'
 import {rest} from 'msw'
 import {
     renderWithProviders,
-    createPathWithDefaults,
-    guestToken
+    createPathWithDefaults
 } from '@salesforce/retail-react-app/app/utils/test-utils'
 import Login from '.'
 import {BrowserRouter as Router, Route} from 'react-router-dom'
 import Account from '@salesforce/retail-react-app/app/pages/account'
-import Registration from '@salesforce/retail-react-app/app/pages/registration'
-import ResetPassword from '@salesforce/retail-react-app/app/pages/reset-password'
 import mockConfig from '@salesforce/retail-react-app/config/mocks/default'
 import {mockedRegisteredCustomer} from '@salesforce/retail-react-app/app/mocks/mock-data'
-import {AuthHelpers, useCustomerType} from '@salesforce/commerce-sdk-react'
-import {useLocation} from 'react-router-dom'
+import {AuthHelpers} from '@salesforce/commerce-sdk-react'
 
 const mockMergedBasket = {
     basketId: 'a10ff320829cb0eef93ca5310a',
@@ -42,12 +38,6 @@ const MockedComponent = () => {
     return (
         <Router>
             <Login />
-            <Route path={createPathWithDefaults('/registration')}>
-                <Registration />
-            </Route>
-            <Route path={createPathWithDefaults('/reset-password')}>
-                <ResetPassword />
-            </Route>
             <Route path={createPathWithDefaults('/account')}>
                 <Account match={match} />
             </Route>
@@ -58,14 +48,9 @@ const MockedComponent = () => {
 jest.mock('react-router', () => {
     return {
         ...jest.requireActual('react-router'),
-        useRouteMatch: () => {return {path: '/passwordless-login-landing'}}
-    }
-})
-
-jest.mock('react-router-dom', () => {
-    return {
-        ...jest.requireActual('react-router-dom'),
-        useLocation: jest.fn()
+        useRouteMatch: () => {
+            return {path: '/passwordless-login-landing'}
+        }
     }
 })
 
@@ -76,8 +61,12 @@ jest.mock('@salesforce/commerce-sdk-react', () => {
         useAuthHelper: jest
             .fn()
             .mockImplementation((helperType) => mockAuthHelperFunctions[helperType]),
-        useCustomerBaskets: () => {return {data: mockMergedBasket, isSuccess: true}},
-        useCustomerType: jest.fn(() => {return {isRegistered: false, customerType: 'guest'}})
+        useCustomerBaskets: () => {
+            return {data: mockMergedBasket, isSuccess: true}
+        },
+        useCustomerType: jest.fn(() => {
+            return {isRegistered: true, customerType: 'guest'}
+        })
     }
 })
 
@@ -104,26 +93,62 @@ beforeEach(() => {
     )
 })
 afterEach(() => {
-    jest.resetAllMocks()
+    jest.resetModules()
 })
 
 describe('Passwordless landing tests', function () {
+    test('redirects to account page when redirect url is not passed', async () => {
+        const token = '12345678'
+        window.history.pushState(
+            {},
+            'Passwordless Login Landing',
+            createPathWithDefaults(`/passwordless-login-landing?token=${token}`)
+        )
+        renderWithProviders(<MockedComponent />, {
+            wrapperProps: {
+                siteAlias: 'uk',
+                locale: {id: 'en-GB'},
+                appConfig: mockConfig.app
+            }
+        })
 
-    test('On passwordless landing, make sure token in magic link is passed as param', async () => {
+        expect(
+            mockAuthHelperFunctions[AuthHelpers.LoginPasswordlessUser].mutateAsync
+        ).toHaveBeenCalledWith({
+            pwdlessLoginToken: token
+        })
+
+        await waitFor(() => {
+            expect(window.location.pathname).toBe('/uk/en-GB/account')
+        })
+    })
+
+    test('redirects to redirectUrl when passed as param', async () => {
         const token = '12345678'
-        useLocation.mockReturnValue({search: `?token=${token}&redirect_url=/womens-tops`})
+        const redirectUrl = '/womens-tops'
+        window.history.pushState(
+            {},
+            'Passwordless Login Landing',
+            createPathWithDefaults(
+                `/passwordless-login-landing?token=${token}&redirect_url=${redirectUrl}`
+            )
+        )
         renderWithProviders(<MockedComponent />, {
             wrapperProps: {
                 siteAlias: 'uk',
                 locale: {id: 'en-GB'},
-                appConfig: mockConfig.app,
-                isGuest: true
+                appConfig: mockConfig.app
             }
         })
+
         expect(
             mockAuthHelperFunctions[AuthHelpers.LoginPasswordlessUser].mutateAsync
         ).toHaveBeenCalledWith({
             pwdlessLoginToken: token
         })
+
+        await waitFor(() => {
+            expect(window.location.pathname).toBe('/uk/en-GB/womens-tops')
+        })
     })
-})
+})