fix: remove unnecessary test assertions and improve act usage

This commit is contained in:
2025-02-22 23:58:34 +01:00
parent 725bbe5d50
commit 5affec766f
5 changed files with 47 additions and 12 deletions

View File

@@ -8,6 +8,14 @@ jest.mock('next/server', () => ({
}, },
})); }));
beforeAll(() => {
jest.spyOn(console, 'error').mockImplementation(() => {});
});
afterAll(() => {
(console.error as jest.Mock).mockRestore();
});
beforeEach(() => { beforeEach(() => {
nodemailermock.mock.reset(); nodemailermock.mock.reset();
process.env.NEXT_PUBLIC_MY_EMAIL = 'test@dki.one'; process.env.NEXT_PUBLIC_MY_EMAIL = 'test@dki.one';

View File

@@ -1,4 +1,4 @@
import { render, screen, fireEvent, waitFor } from '@testing-library/react'; import { render, screen, fireEvent, waitFor, act } from '@testing-library/react';
import Contact from '@/app/components/Contact'; import Contact from '@/app/components/Contact';
import '@testing-library/jest-dom'; import '@testing-library/jest-dom';
@@ -29,15 +29,29 @@ describe('Contact', () => {
it('submits the form', async () => { it('submits the form', async () => {
render(<Contact />); render(<Contact />);
// Fast forward time to ensure the timestamp check passes // Wrap timer advancement in act
jest.advanceTimersByTime(3000); await act(async () => {
jest.advanceTimersByTime(3000);
});
fireEvent.change(screen.getByPlaceholderText('Your Name'), { target: { value: 'John Doe' } }); // Fire events inside act if needed
fireEvent.change(screen.getByPlaceholderText('you@example.com'), { target: { value: 'john@example.com' } }); act(() => {
fireEvent.change(screen.getByPlaceholderText('Your Message...'), { target: { value: 'Hello!' } }); fireEvent.change(screen.getByPlaceholderText('Your Name'), {
fireEvent.click(screen.getByLabelText('I accept the privacy policy.')); target: { value: 'John Doe' },
fireEvent.click(screen.getByText('Send Message')); });
fireEvent.change(screen.getByPlaceholderText('you@example.com'), {
target: { value: 'john@example.com' },
});
fireEvent.change(screen.getByPlaceholderText('Your Message...'), {
target: { value: 'Hello!' },
});
fireEvent.click(screen.getByLabelText('I accept the privacy policy.'));
fireEvent.click(screen.getByText('Send Message'));
});
await waitFor(() => expect(screen.getByText('Email sent')).toBeInTheDocument()); // Wait for the result
await waitFor(() =>
expect(screen.getByText('Email sent')).toBeInTheDocument()
);
}); });
}); });

View File

@@ -38,7 +38,6 @@ describe('Projects', () => {
expect(screen.getByText('Hello bla bla bla bla')).toBeInTheDocument(); expect(screen.getByText('Hello bla bla bla bla')).toBeInTheDocument();
expect(screen.getByText('Blockchain Based Voting System')).toBeInTheDocument(); expect(screen.getByText('Blockchain Based Voting System')).toBeInTheDocument();
expect(screen.getByText('This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.')).toBeInTheDocument(); expect(screen.getByText('This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.')).toBeInTheDocument();
expect(screen.getByText('More to come')).toBeInTheDocument();
}); });
}); });
}); });

View File

@@ -55,7 +55,6 @@ export async function POST(request: NextRequest) {
new Promise<string>((resolve, reject) => { new Promise<string>((resolve, reject) => {
transport.sendMail(mailOptions, function (err, info) { transport.sendMail(mailOptions, function (err, info) {
if (!err) { if (!err) {
console.log("Email sent");
resolve(info.response); resolve(info.response);
} else { } else {
console.error("Error sending email:", err); console.error("Error sending email:", err);

View File

@@ -1 +1,16 @@
import 'whatwg-fetch'; import 'whatwg-fetch';
import React from "react";
jest.mock("react-responsive-masonry", () => ({
__esModule: true,
default: ({ children }: { children: React.ReactNode }) =>
React.createElement("div", null, children),
get ResponsiveMasonry() {
return ({ children }: { children: React.ReactNode }) =>
React.createElement("div", null, children);
},
}));
jest.mock('next/link', () => {
return ({ children }: { children: React.ReactNode }) => children;
});