Resolved comments

Author: EehMauro

src/pages/landing/components/RegisterModal.test.tsx

@@ -20,7 +20,7 @@ describe('Landing page > Register modal', () => {
 
     renderWithProviders(<RegisterModal {...props} />);
 
-    const dialogElement = screen.queryByRole('dialog');
+    const dialogElement = screen.queryByTestId('register-modal');
 
     expect(dialogElement).not.toBeInTheDocument();
 
@@ -37,7 +37,7 @@ describe('Landing page > Register modal', () => {
 
     renderWithProviders(<RegisterModal {...props} />);
 
-    const dialogElement = screen.getAllByRole('dialog')[0];
+    const dialogElement = screen.getByTestId('register-modal');
 
     expect(dialogElement).toBeVisible();
 

src/pages/landing/components/RegisterModal.tsx

@@ -13,7 +13,7 @@ interface Props {
 
 const RegisterModal = (props: Props) => {
   return (
-    <Dialog open={props.show} onClose={props.onClose} role="dialog">
+    <Dialog open={props.show} onClose={props.onClose} data-testid="register-modal">
       <DialogTitle>
         {props.success ? 'Successfully initiated subscription' : 'Setting up your subscription...'}
       </DialogTitle>

src/pages/landing/index.test.tsx renamed to tests/integration/landing.test.tsx

@@ -5,8 +5,8 @@ import { screen, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 
-import { renderWithProviders } from 'utils/test-utils';
-import LandingPage from './';
+import { renderWithProviders } from '../../src/utils/test-utils';
+import LandingPage from '../../src/pages/landing';
 
 const server = setupServer(
   http.get('/server-timestamp', async () => {