fix errors in test

Author: nicolasreisdev

frontend/src/pages/Profile/Profile.spec.tsx

@@ -6,7 +6,6 @@ import * as ProjectAPI from '../../API/Project';
 import * as CommentAPI from '../../API/Comment';
 import * as UserAPI from '../../API/User';
 
-// --- Mocks ---
 const navigateMock = vi.fn();
 const logoutMock = vi.fn();
 
@@ -22,127 +21,92 @@ vi.mock('../../API/AuthContext', () => ({
   })
 }));
 
-// Mocks das APIs
 vi.mock('../../API/Project', () => ({ GetUserProjects: vi.fn() }));
 vi.mock('../../API/Comment', () => ({ GetUserComments: vi.fn(), DeleteComment: vi.fn() }));
 vi.mock('../../API/User', () => ({ DeleteProfile: vi.fn() }));
-
-// Mocks Visuais
 vi.mock('../../components/layout/Sidebar', () => ({ default: () => <div /> }));
-// Mocks Visuais
-interface MockPostcardProps {
-    post: { title: string };
-    deleteLabel?: string;
-    onDelete?: () => void;
-}
 vi.mock('../../components/domain/Postcard', () => ({ 
-    default: ({ post, deleteLabel, onDelete }: MockPostcardProps) => (
+    default: ({ post, deleteLabel, onDelete }: any) => (
         <div data-testid="postcard">
             <span>{post.title}</span>
             {deleteLabel && <button onClick={onDelete} data-testid="mock-delete-btn">Deletar {deleteLabel}</button>}
         </div>
     ) 
 }));
-vi.mock('../../components/common/Toast', () => ({ default: ({ message }: { message: string }) => <div data-testid="toast">{message}</div> }));
-
-// Mock Modal
-interface ModalProps {
-    isOpen: boolean;
-    children: React.ReactNode;
-    title: string;
-}
+vi.mock('../../components/common/Toast', () => ({ default: ({ message }: any) => <div data-testid="toast">{message}</div> }));
 vi.mock('../../components/common/Modal', () => ({
-    default: ({ isOpen, children, title }: ModalProps) => isOpen ? (
-        <div data-testid="modal">
-            <h2>{title}</h2>
-            {children}
-        </div>
-    ) : null
+    default: ({ isOpen, children, title }: any) => isOpen ? <div data-testid="modal"><h2>{title}</h2>{children}</div> : null
 }));
 vi.mock('../../components/common/Modal/styles', () => ({
-    ModalActions: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
-    ChoiceButton: ({ children, onClick }: { children: React.ReactNode; onClick: () => void }) => <button onClick={onClick}>{children}</button>,
+    ModalActions: ({ children }: any) => <div>{children}</div>,
+    ChoiceButton: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
 }));
-
-// Mock Dropdown 
-interface StyleProps {
-    children?: React.ReactNode;
-    onClick?: React.MouseEventHandler;
-}
 vi.mock('../../components/common/Dropdown/styles', () => ({
-    DropdownMenu: ({ children }: StyleProps) => <div data-testid="dropdown">{children}</div>,
-    MenuItem: ({ children, onClick }: StyleProps) => <button onClick={onClick}>{children}</button>,
-    DangerMenuItem: ({ children, onClick }: StyleProps) => <button onClick={onClick}>{children}</button>,
+    DropdownMenu: ({ children }: any) => <div data-testid="dropdown">{children}</div>,
+    MenuItem: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
+    DangerMenuItem: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
     Separator: () => <hr />
 }));
 
+
 describe('Página Profile', () => {
   beforeEach(() => {
     vi.clearAllMocks();
-    // Default mocks
     vi.spyOn(ProjectAPI, 'GetUserProjects').mockResolvedValue([]);
     vi.spyOn(CommentAPI, 'GetUserComments').mockResolvedValue([]);
   });
 
   it('deve lidar com lista vazia de projetos', async () => {
     render(<BrowserRouter><Profile /></BrowserRouter>);
-    await waitFor(() => {
-        expect(screen.getByText('Nenhum projeto encontrado.')).toBeInTheDocument();
-    });
+    await waitFor(() => expect(screen.getByText('Nenhum projeto encontrado.')).toBeInTheDocument());
   });
 
   it('deve lidar com erro na API ao carregar dados', async () => {
-    const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {}); // Silencia console.error
+    const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
     vi.spyOn(ProjectAPI, 'GetUserProjects').mockRejectedValue(new Error('Erro API'));
-
     render(<BrowserRouter><Profile /></BrowserRouter>);
-
-    await waitFor(() => {
-        expect(consoleSpy).toHaveBeenCalledWith("Falha ao buscar dados do perfil:", expect.any(Error));
-    });
+    await waitFor(() => expect(consoleSpy).toHaveBeenCalledWith("Falha ao buscar dados do perfil:", expect.any(Error)));
     consoleSpy.mockRestore();
   });
 
   it('deve deletar um comentário da lista visualmente', async () => {
-    // Setup: 1 comentário na lista
-    vi.spyOn(CommentAPI, 'GetUserComments').mockResolvedValue([
-        { commentID: 'c1', content: 'Comentário Teste', projectTitle: 'Proj' }
-    ] as unknown as CommentAPI.CommentProps[]);
-    vi.spyOn(CommentAPI, 'DeleteComment').mockResolvedValue({} as unknown as void);
+    vi.spyOn(CommentAPI, 'GetUserComments').mockResolvedValue([{ commentID: 'c1', content: 'Teste', projectTitle: 'Proj' }] as any);
+    vi.spyOn(CommentAPI, 'DeleteComment').mockResolvedValue({} as any);
 
     render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    // Muda para aba de comentários
-    fireEvent.click(screen.getByTitle('Ver comentários'));
+    const commentsBtn = await screen.findByTitle('Ver comentários'); 
+    fireEvent.click(commentsBtn);
 
-    // Aguarda renderizar
     await waitFor(() => expect(screen.getByText('Comentou em: Proj')).toBeInTheDocument());
 
-    // Clica no botão de deletar (simulado no mock do Postcard)
     const deleteBtn = screen.getByTestId('mock-delete-btn');
     fireEvent.click(deleteBtn);
 
-    // Verifica se a API foi chamada e o item sumiu
-    await waitFor(() => {
-        expect(CommentAPI.DeleteComment).toHaveBeenCalledWith('c1');
-    });
+    await waitFor(() => expect(CommentAPI.DeleteComment).toHaveBeenCalledWith('c1'));
   });
 
+
   it('deve abrir menu, clicar em editar perfil e navegar', async () => {
     render(<BrowserRouter><Profile /></BrowserRouter>);
-    fireEvent.click(screen.getByTitle('Configurações'));
-    fireEvent.click(screen.getByText('Editar Perfil'));
+    
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
+
+    const editBtn = await screen.findByText('Editar Perfil'); 
+    fireEvent.click(editBtn);
+    
     expect(navigateMock).toHaveBeenCalledWith('/editProfile');
   });
 
   it('deve fechar o menu ao clicar fora dele', async () => {
     render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    // Abre o menu
-    fireEvent.click(screen.getByTitle('Configurações'));
-    expect(screen.getByTestId('dropdown')).toBeInTheDocument();
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
+    
+    await screen.findByTestId('dropdown');
 
-    // Clica no body (fora do menu)
     fireEvent.mouseDown(document.body);
 
     await waitFor(() => {
@@ -153,15 +117,16 @@ describe('Página Profile', () => {
   it('deve cancelar a exclusão do perfil no modal', async () => {
     render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    // Abre modal
-    fireEvent.click(screen.getByTitle('Configurações'));
-    fireEvent.click(screen.getByText('Excluir Perfil'));
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
+
+    const deleteOption = await screen.findByText('Excluir Perfil');
+    fireEvent.click(deleteOption);
 
-    // Clica em Cancelar
-    const cancelBtn = screen.getByText('Cancelar');
+    const cancelBtn = await screen.findByText('Cancelar');
     fireEvent.click(cancelBtn);
 
-    expect(screen.queryByTestId('modal')).not.toBeInTheDocument();
+    await waitFor(() => expect(screen.queryByTestId('modal')).not.toBeInTheDocument());
     expect(UserAPI.DeleteProfile).not.toHaveBeenCalled();
   });
 
@@ -170,15 +135,17 @@ describe('Página Profile', () => {
 
     render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    // Fluxo de exclusão
-    fireEvent.click(screen.getByTitle('Configurações'));
-    fireEvent.click(screen.getByText('Excluir Perfil'));
-    fireEvent.click(screen.getByRole('button', { name: 'Excluir Conta' }));
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
+
+    const deleteOption = await screen.findByText('Excluir Perfil');
+    fireEvent.click(deleteOption);
+    
+    const confirmBtn = await screen.findByRole('button', { name: 'Excluir Conta' });
+    fireEvent.click(confirmBtn);
 
     await waitFor(() => {
         expect(screen.getByTestId('toast')).toHaveTextContent('Conta já encerrada');
-        // Verifica se forçou logout mesmo com erro
-        expect(logoutMock).not.toHaveBeenCalled(); // Só chama no timeout, difícil testar sem fake timers, mas verificamos o toast
     });
   });
 
@@ -187,88 +154,63 @@ describe('Página Profile', () => {
 
     render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    fireEvent.click(screen.getByTitle('Configurações'));
-    fireEvent.click(screen.getByText('Excluir Perfil'));
-    fireEvent.click(screen.getByRole('button', { name: 'Excluir Conta' }));
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
+
+    const deleteOption = await screen.findByText('Excluir Perfil');
+    fireEvent.click(deleteOption);
+    
+    const confirmBtn = await screen.findByRole('button', { name: 'Excluir Conta' });
+    fireEvent.click(confirmBtn);
 
     await waitFor(() => {
         expect(screen.getByTestId('toast')).toHaveTextContent('Erro genérico');
     });
   });
 
   it('deve carregar dados do perfil e mostrar posts por padrão', async () => {
-    vi.spyOn(ProjectAPI, 'GetUserProjects').mockResolvedValue([{ id: '1', title: 'Meu Projeto' }] as unknown as ProjectAPI.ProjectProps[]);
-
-    render(
-      <BrowserRouter>
-        <Profile />
-      </BrowserRouter>
-    );
-
-    expect(screen.getByText('tester')).toBeInTheDocument(); // Username
-    
-    await waitFor(() => {
-        expect(screen.getByText('Meu Projeto')).toBeInTheDocument();
-    });
+    vi.spyOn(ProjectAPI, 'GetUserProjects').mockResolvedValue([{ id: '1', title: 'Meu Projeto' }] as any);
+    render(<BrowserRouter><Profile /></BrowserRouter>);
+    await waitFor(() => expect(screen.getByText('tester')).toBeInTheDocument());
+    await waitFor(() => expect(screen.getByText('Meu Projeto')).toBeInTheDocument());
   });
 
   it('deve alternar para a aba de comentários', async () => {
-    vi.spyOn(CommentAPI, 'GetUserComments').mockResolvedValue([
-        { commentID: 'c1', content: 'Bom post', projectTitle: 'Projeto X' }
-    ] as unknown as CommentAPI.CommentProps[]);
-
-    render(
-      <BrowserRouter>
-        <Profile />
-      </BrowserRouter>
-    );
-
-    // Clica no ícone de comentários 
-    const commentsBtn = screen.getByTitle('Ver comentários');
+    vi.spyOn(CommentAPI, 'GetUserComments').mockResolvedValue([{ commentID: 'c1', content: 'Bom post', projectTitle: 'Proj' }] as any);
+    render(<BrowserRouter><Profile /></BrowserRouter>);
+
+    const commentsBtn = await screen.findByTitle('Ver comentários');
     fireEvent.click(commentsBtn);
 
-    await waitFor(() => {
-        expect(screen.getByText('Comentou em: Projeto X')).toBeInTheDocument();
-    });
+    await waitFor(() => expect(screen.getByText('Comentou em: Proj')).toBeInTheDocument());
   });
 
   it('deve abrir menu e fazer logout', async () => {
-    render(
-      <BrowserRouter>
-        <Profile />
-      </BrowserRouter>
-    );
+    render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    const settingsBtn = screen.getByTitle('Configurações');
+    const settingsBtn = await screen.findByTitle('Configurações');
     fireEvent.click(settingsBtn);
 
-    const logoutBtn = screen.getByText('Sair');
+    const logoutBtn = await screen.findByText('Sair');
     fireEvent.click(logoutBtn);
 
     expect(logoutMock).toHaveBeenCalled();
     expect(navigateMock).toHaveBeenCalledWith('/login');
   });
 
   it('deve excluir a conta com sucesso', async () => {
-    vi.spyOn(UserAPI, 'DeleteProfile').mockResolvedValue({} as unknown as void);
+    vi.spyOn(UserAPI, 'DeleteProfile').mockResolvedValue({} as any);
 
-    render(
-      <BrowserRouter>
-        <Profile />
-      </BrowserRouter>
-    );
+    render(<BrowserRouter><Profile /></BrowserRouter>);
 
-    // Abre menu
-    fireEvent.click(screen.getByTitle('Configurações'));
+    const settingsBtn = await screen.findByTitle('Configurações');
+    fireEvent.click(settingsBtn);
 
-    // Clica em Excluir Perfil
-    fireEvent.click(screen.getByText('Excluir Perfil'));
-
-    // Modal aparece
-    expect(screen.getByTestId('modal')).toBeInTheDocument();
+    const deleteOption = await screen.findByText('Excluir Perfil');
+    fireEvent.click(deleteOption);
 
-    // Confirma exclusão
-    fireEvent.click(screen.getByRole('button',{name: 'Excluir Conta'}));
+    const confirmBtn = await screen.findByRole('button', { name: 'Excluir Conta' });
+    fireEvent.click(confirmBtn);
 
     await waitFor(() => {
         expect(UserAPI.DeleteProfile).toHaveBeenCalled();