denshooter/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update Projects component with framer-motion variants and improve animations

Browse Source 
refactor: modify layout to use ClientOnly and BackgroundBlobsClient components

fix: correct import statement for ActivityFeed in the main page

fix: enhance sitemap fetching logic with error handling and mock support

refactor: convert BackgroundBlobs to default export for consistency

refactor: simplify ErrorBoundary component and improve error handling UI

chore: update framer-motion to version 12.24.10 in package.json and package-lock.json

test: add minimal Prisma Client mock for testing purposes

feat: create BackgroundBlobsClient for dynamic import of BackgroundBlobs

feat: implement ClientOnly component to handle client-side rendering

feat: add custom error handling components for better user experience
This commit is contained in:
denshooter
2026-01-08 01:39:17 +01:00
parent c5efd28383
commit e2c2585468
27 changed files with 730 additions and 942 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/__tests__/api/email.test.tsx
View File

@@ -13,7 +13,11 @@ beforeAll(() => {
});
afterAll(() => {
(console.error as jest.Mock).mockRestore();
// restoreMocks may already restore it; guard against calling mockRestore on non-mock
const maybeMock = console.error as unknown as jest.Mock | undefined;
if (maybeMock && typeof maybeMock.mockRestore === 'function') {
maybeMock.mockRestore();
}
});
beforeEach(() => {

9
app/__tests__/api/fetchAllProjects.test.tsx
View File

@@ -2,8 +2,9 @@ import { GET } from '@/app/api/fetchAllProjects/route';
import { NextResponse } from 'next/server';
// Wir mocken node-fetch direkt
jest.mock('node-fetch', () => {
return jest.fn(() =>
jest.mock('node-fetch', () => ({
__esModule: true,
default: jest.fn(() =>
Promise.resolve({
json: () =>
Promise.resolve({
@@ -36,8 +37,8 @@ jest.mock('node-fetch', () => {
},
}),
})
);
});
),
}));
jest.mock('next/server', () => ({
NextResponse: {

36
app/__tests__/api/fetchProject.test.tsx
View File

@@ -1,29 +1,37 @@
import { GET } from '@/app/api/fetchProject/route';
import { NextRequest, NextResponse } from 'next/server';
import { mockFetch } from '@/app/__tests__/__mocks__/mock-fetch';
// Mock node-fetch so the route uses it as a reliable fallback
jest.mock('node-fetch', () => ({
__esModule: true,
default: jest.fn(() =>
Promise.resolve({
ok: true,
json: () =>
Promise.resolve({
posts: [
{
id: '67aaffc3709c60000117d2d9',
title: 'Blockchain Based Voting System',
meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
slug: 'blockchain-based-voting-system',
updated_at: '2025-02-13T16:54:42.000+00:00',
},
],
}),
})
),
}));
jest.mock('next/server', () => ({
NextResponse: {
json: jest.fn(),
},
}));
describe('GET /api/fetchProject', () => {
beforeAll(() => {
process.env.GHOST_API_URL = 'http://localhost:2368';
process.env.GHOST_API_KEY = 'some-key';
global.fetch = mockFetch({
posts: [
{
id: '67aaffc3709c60000117d2d9',
title: 'Blockchain Based Voting System',
meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
slug: 'blockchain-based-voting-system',
updated_at: '2025-02-13T16:54:42.000+00:00',
},
],
});
});
it('should fetch a project by slug', async () => {

76
app/__tests__/api/sitemap.test.tsx
View File

@@ -1,8 +1,44 @@
jest.mock('next/server', () => ({
NextResponse: jest.fn().mockImplementation(function (body, init) {
// Use function and assign to `this` so `new NextResponse(...)` returns an instance with properties
// eslint-disable-next-line no-invalid-this
this.body = body;
// eslint-disable-next-line no-invalid-this
this.init = init;
}),
}));
import { GET } from '@/app/api/sitemap/route';
import { mockFetch } from '@/app/__tests__/__mocks__/mock-fetch';
jest.mock('next/server', () => ({
NextResponse: jest.fn().mockImplementation((body, init) => ({ body, init })),
// Mock node-fetch so we don't perform real network requests in tests
jest.mock('node-fetch', () => ({
__esModule: true,
default: jest.fn(() =>
Promise.resolve({
ok: true,
json: () =>
Promise.resolve({
posts: [
{
id: '67ac8dfa709c60000117d312',
title: 'Just Doing Some Testing',
meta_description: 'Hello bla bla bla bla',
slug: 'just-doing-some-testing',
updated_at: '2025-02-13T14:25:38.000+00:00',
},
{
id: '67aaffc3709c60000117d2d9',
title: 'Blockchain Based Voting System',
meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
slug: 'blockchain-based-voting-system',
updated_at: '2025-02-13T16:54:42.000+00:00',
},
],
meta: { pagination: { limit: 'all', next: null, page: 1, pages: 1, prev: null, total: 2 } },
}),
})
),
}));
describe('GET /api/sitemap', () => {
@@ -10,24 +46,24 @@ describe('GET /api/sitemap', () => {
process.env.GHOST_API_URL = 'http://localhost:2368';
process.env.GHOST_API_KEY = 'test-api-key';
process.env.NEXT_PUBLIC_BASE_URL = 'https://dki.one';
global.fetch = mockFetch({
posts: [
{
id: '67ac8dfa709c60000117d312',
title: 'Just Doing Some Testing',
meta_description: 'Hello bla bla bla bla',
slug: 'just-doing-some-testing',
updated_at: '2025-02-13T14:25:38.000+00:00',
},
{
id: '67aaffc3709c60000117d2d9',
title: 'Blockchain Based Voting System',
meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
slug: 'blockchain-based-voting-system',
updated_at: '2025-02-13T16:54:42.000+00:00',
},
],
});
// Provide mock posts via env so route can use them without fetching
process.env.GHOST_MOCK_POSTS = JSON.stringify({ posts: [
{
id: '67ac8dfa709c60000117d312',
title: 'Just Doing Some Testing',
meta_description: 'Hello bla bla bla bla',
slug: 'just-doing-some-testing',
updated_at: '2025-02-13T14:25:38.000+00:00',
},
{
id: '67aaffc3709c60000117d2d9',
title: 'Blockchain Based Voting System',
meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
slug: 'blockchain-based-voting-system',
updated_at: '2025-02-13T16:54:42.000+00:00',
},
] });
});
it('should return a sitemap', async () => {

4
app/__tests__/components/Hero.test.tsx
View File

@@ -6,7 +6,7 @@ describe('Hero', () => {
it('renders the hero section', () => {
render(<Hero />);
expect(screen.getByText('Dennis Konkol')).toBeInTheDocument();
expect(screen.getByText('Student & Software Engineer based in Osnabrück, Germany')).toBeInTheDocument();
expect(screen.getByAltText('Dennis Konkol - Software Engineer')).toBeInTheDocument();
expect(screen.getByText(/Student and passionate/i)).toBeInTheDocument();
expect(screen.getByAltText('Dennis Konkol')).toBeInTheDocument();
});
});

64
app/__tests__/sitemap.xml/page.test.tsx
View File

@@ -3,31 +3,55 @@ import { GET } from '@/app/sitemap.xml/route';
import { mockFetch } from '@/app/__tests__/__mocks__/mock-fetch-sitemap';
jest.mock('next/server', () => ({
NextResponse: jest.fn().mockImplementation((body, init) => ({ body, init })),
NextResponse: jest.fn().mockImplementation(function (body, init) {
// eslint-disable-next-line no-invalid-this
this.body = body;
// eslint-disable-next-line no-invalid-this
this.init = init;
}),
}));
// Sitemap XML used by node-fetch mock
const sitemapXml = `
<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://dki.one/</loc>
</url>
<url>
<loc>https://dki.one/legal-notice</loc>
</url>
<url>
<loc>https://dki.one/privacy-policy</loc>
</url>
<url>
<loc>https://dki.one/projects/just-doing-some-testing</loc>
</url>
<url>
<loc>https://dki.one/projects/blockchain-based-voting-system</loc>
</url>
</urlset>
`;
// Mock node-fetch for sitemap endpoint (hoisted by Jest)
jest.mock('node-fetch', () => ({
__esModule: true,
default: jest.fn((url: string) => Promise.resolve({ ok: true, text: () => Promise.resolve(sitemapXml) })),
}));
describe('Sitemap Component', () => {
beforeAll(() => {
process.env.NEXT_PUBLIC_BASE_URL = 'https://dki.one';
global.fetch = mockFetch(`
<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://dki.one/</loc>
</url>
<url>
<loc>https://dki.one/legal-notice</loc>
</url>
<url>
<loc>https://dki.one/privacy-policy</loc>
</url>
<url>
<loc>https://dki.one/projects/just-doing-some-testing</loc>
</url>
<url>
<loc>https://dki.one/projects/blockchain-based-voting-system</loc>
</url>
</urlset>
`);
// Provide sitemap XML directly so route uses it without fetching
process.env.GHOST_MOCK_SITEMAP = sitemapXml;
// Mock global.fetch too, to avoid any network calls
global.fetch = jest.fn().mockImplementation((url: string) => {
if (url.includes('/api/sitemap')) {
return Promise.resolve({ ok: true, text: () => Promise.resolve(sitemapXml) });
}
return Promise.reject(new Error(`Unknown URL: ${url}`));
});
});
it('should render the sitemap XML', async () => {