/** * View Data Layer Tests - Media Functionality * * This test file covers the view data layer for media functionality. * * The view data layer is responsible for: * - DTO → UI model mapping * - Formatting, sorting, and grouping * - Derived fields and defaults * - UI-specific semantics * * This layer isolates the UI from API churn by providing a stable interface * between the API layer and the presentation layer. * * Test coverage includes: * - Avatar page data transformation and display * - Avatar route data handling for driver-specific avatars * - Category icon data mapping and formatting * - League cover and logo data transformation * - Sponsor logo data handling and display * - Team logo data mapping and validation * - Track image data transformation and UI state * - Media upload and validation view models * - Media deletion confirmation and state management * - Derived media fields (file size, format, dimensions, etc.) * - Default values and fallbacks for media views * - Media-specific formatting (image optimization, aspect ratios, etc.) * - Media access control and permission view models */ import { AvatarViewDataBuilder } from '@/lib/builders/view-data/AvatarViewDataBuilder'; import { CategoryIconViewDataBuilder } from '@/lib/builders/view-data/CategoryIconViewDataBuilder'; import { LeagueCoverViewDataBuilder } from '@/lib/builders/view-data/LeagueCoverViewDataBuilder'; import { LeagueLogoViewDataBuilder } from '@/lib/builders/view-data/LeagueLogoViewDataBuilder'; import { SponsorLogoViewDataBuilder } from '@/lib/builders/view-data/SponsorLogoViewDataBuilder'; import { TeamLogoViewDataBuilder } from '@/lib/builders/view-data/TeamLogoViewDataBuilder'; import { TrackImageViewDataBuilder } from '@/lib/builders/view-data/TrackImageViewDataBuilder'; import type { MediaBinaryDTO } from '@/lib/types/MediaBinaryDTO'; describe('AvatarViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to AvatarViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle JPEG images', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle GIF images', () => { const buffer = new Uint8Array([0x47, 0x49, 0x46, 0x38]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/gif', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/gif'); }); it('should handle SVG images', () => { const buffer = new TextEncoder().encode(''); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/svg+xml', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/svg+xml'); }); it('should handle WebP images', () => { const buffer = new Uint8Array([0x52, 0x49, 0x46, 0x46]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/webp', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/webp'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; AvatarViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle large buffer', () => { const buffer = new Uint8Array(1024 * 1024); // 1MB const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with all zeros', () => { const buffer = new Uint8Array([0x00, 0x00, 0x00, 0x00]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with all ones', () => { const buffer = new Uint8Array([0xff, 0xff, 0xff, 0xff]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle different content types', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const contentTypes = [ 'image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml', 'image/bmp', 'image/tiff', ]; contentTypes.forEach((contentType) => { const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType, }; const result = AvatarViewDataBuilder.build(mediaDto); expect(result.contentType).toBe(contentType); }); }); }); }); describe('CategoryIconViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to CategoryIconViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle SVG icons', () => { const buffer = new TextEncoder().encode(''); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/svg+xml', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/svg+xml'); }); it('should handle small icon files', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; CategoryIconViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with special characters', () => { const buffer = new Uint8Array([0x00, 0x01, 0x02, 0x03, 0xff, 0xfe, 0xfd, 0xfc]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = CategoryIconViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); }); }); describe('LeagueCoverViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to LeagueCoverViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle JPEG cover images', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle WebP cover images', () => { const buffer = new Uint8Array([0x52, 0x49, 0x46, 0x46]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/webp', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/webp'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; LeagueCoverViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle large cover images', () => { const buffer = new Uint8Array(2 * 1024 * 1024); // 2MB const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle buffer with all zeros', () => { const buffer = new Uint8Array([0x00, 0x00, 0x00, 0x00]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with all ones', () => { const buffer = new Uint8Array([0xff, 0xff, 0xff, 0xff]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueCoverViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); }); }); describe('LeagueLogoViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to LeagueLogoViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle SVG league logos', () => { const buffer = new TextEncoder().encode(''); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/svg+xml', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/svg+xml'); }); it('should handle transparent PNG logos', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; LeagueLogoViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle small logo files', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with special characters', () => { const buffer = new Uint8Array([0x00, 0x01, 0x02, 0x03, 0xff, 0xfe, 0xfd, 0xfc]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = LeagueLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); }); }); describe('SponsorLogoViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to SponsorLogoViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle JPEG sponsor logos', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle SVG sponsor logos', () => { const buffer = new TextEncoder().encode('Sponsor'); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/svg+xml', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/svg+xml'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; SponsorLogoViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle large sponsor logos', () => { const buffer = new Uint8Array(3 * 1024 * 1024); // 3MB const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle buffer with all zeros', () => { const buffer = new Uint8Array([0x00, 0x00, 0x00, 0x00]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with all ones', () => { const buffer = new Uint8Array([0xff, 0xff, 0xff, 0xff]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle different content types', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const contentTypes = [ 'image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml', 'image/bmp', 'image/tiff', ]; contentTypes.forEach((contentType) => { const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType, }; const result = SponsorLogoViewDataBuilder.build(mediaDto); expect(result.contentType).toBe(contentType); }); }); }); }); describe('TeamLogoViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to TeamLogoViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle JPEG team logos', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle SVG team logos', () => { const buffer = new TextEncoder().encode(''); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/svg+xml', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/svg+xml'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; TeamLogoViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle small logo files', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with special characters', () => { const buffer = new Uint8Array([0x00, 0x01, 0x02, 0x03, 0xff, 0xfe, 0xfd, 0xfc]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle different content types', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const contentTypes = [ 'image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml', 'image/bmp', 'image/tiff', ]; contentTypes.forEach((contentType) => { const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType, }; const result = TeamLogoViewDataBuilder.build(mediaDto); expect(result.contentType).toBe(contentType); }); }); }); }); describe('TrackImageViewDataBuilder', () => { describe('happy paths', () => { it('should transform MediaBinaryDTO to TrackImageViewData correctly', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle JPEG track images', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle WebP track images', () => { const buffer = new Uint8Array([0x52, 0x49, 0x46, 0x46]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/webp', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/webp'); }); }); describe('data transformation', () => { it('should preserve all DTO fields in the output', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBeDefined(); expect(result.contentType).toBe(mediaDto.contentType); }); it('should not modify the input DTO', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const originalDto = { ...mediaDto }; TrackImageViewDataBuilder.build(mediaDto); expect(mediaDto).toEqual(originalDto); }); it('should convert buffer to base64 string', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(typeof result.buffer).toBe('string'); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); }); }); describe('edge cases', () => { it('should handle empty buffer', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); it('should handle large track images', () => { const buffer = new Uint8Array(5 * 1024 * 1024); // 5MB const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); it('should handle buffer with all zeros', () => { const buffer = new Uint8Array([0x00, 0x00, 0x00, 0x00]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle buffer with all ones', () => { const buffer = new Uint8Array([0xff, 0xff, 0xff, 0xff]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/png'); }); it('should handle different content types', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47]); const contentTypes = [ 'image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml', 'image/bmp', 'image/tiff', ]; contentTypes.forEach((contentType) => { const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType, }; const result = TrackImageViewDataBuilder.build(mediaDto); expect(result.contentType).toBe(contentType); }); }); }); }); describe('Media View Data - Cross-Builder Consistency', () => { describe('consistency across builders', () => { it('should produce consistent output format across all builders', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const avatarResult = AvatarViewDataBuilder.build(mediaDto); const categoryIconResult = CategoryIconViewDataBuilder.build(mediaDto); const leagueCoverResult = LeagueCoverViewDataBuilder.build(mediaDto); const leagueLogoResult = LeagueLogoViewDataBuilder.build(mediaDto); const sponsorLogoResult = SponsorLogoViewDataBuilder.build(mediaDto); const teamLogoResult = TeamLogoViewDataBuilder.build(mediaDto); const trackImageResult = TrackImageViewDataBuilder.build(mediaDto); // All should have the same buffer format expect(avatarResult.buffer).toBe(categoryIconResult.buffer); expect(avatarResult.buffer).toBe(leagueCoverResult.buffer); expect(avatarResult.buffer).toBe(leagueLogoResult.buffer); expect(avatarResult.buffer).toBe(sponsorLogoResult.buffer); expect(avatarResult.buffer).toBe(teamLogoResult.buffer); expect(avatarResult.buffer).toBe(trackImageResult.buffer); // All should have the same content type expect(avatarResult.contentType).toBe(categoryIconResult.contentType); expect(avatarResult.contentType).toBe(leagueCoverResult.contentType); expect(avatarResult.contentType).toBe(leagueLogoResult.contentType); expect(avatarResult.contentType).toBe(sponsorLogoResult.contentType); expect(avatarResult.contentType).toBe(teamLogoResult.contentType); expect(avatarResult.contentType).toBe(trackImageResult.contentType); }); it('should handle the same input consistently across all builders', () => { const buffer = new Uint8Array([0xff, 0xd8, 0xff, 0xe0]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/jpeg', }; const builders = [ AvatarViewDataBuilder, CategoryIconViewDataBuilder, LeagueCoverViewDataBuilder, LeagueLogoViewDataBuilder, SponsorLogoViewDataBuilder, TeamLogoViewDataBuilder, TrackImageViewDataBuilder, ]; builders.forEach((Builder) => { const result = Builder.build(mediaDto); expect(result.buffer).toBe(Buffer.from(buffer).toString('base64')); expect(result.contentType).toBe('image/jpeg'); }); }); }); describe('base64 encoding consistency', () => { it('should produce valid base64 strings for all builders', () => { const buffer = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const builders = [ { name: 'AvatarViewDataBuilder', builder: AvatarViewDataBuilder }, { name: 'CategoryIconViewDataBuilder', builder: CategoryIconViewDataBuilder }, { name: 'LeagueCoverViewDataBuilder', builder: LeagueCoverViewDataBuilder }, { name: 'LeagueLogoViewDataBuilder', builder: LeagueLogoViewDataBuilder }, { name: 'SponsorLogoViewDataBuilder', builder: SponsorLogoViewDataBuilder }, { name: 'TeamLogoViewDataBuilder', builder: TeamLogoViewDataBuilder }, { name: 'TrackImageViewDataBuilder', builder: TrackImageViewDataBuilder }, ]; builders.forEach(({ name, builder }) => { const result = builder.build(mediaDto); // Should be a valid base64 string expect(() => Buffer.from(result.buffer, 'base64')).not.toThrow(); // Should decode back to original buffer const decoded = Buffer.from(result.buffer, 'base64'); expect(decoded.toString('hex')).toBe(Buffer.from(buffer).toString('hex')); }); }); it('should handle empty buffer consistently across all builders', () => { const buffer = new Uint8Array([]); const mediaDto: MediaBinaryDTO = { buffer: buffer.buffer, contentType: 'image/png', }; const builders = [ AvatarViewDataBuilder, CategoryIconViewDataBuilder, LeagueCoverViewDataBuilder, LeagueLogoViewDataBuilder, SponsorLogoViewDataBuilder, TeamLogoViewDataBuilder, TrackImageViewDataBuilder, ]; builders.forEach((Builder) => { const result = Builder.build(mediaDto); expect(result.buffer).toBe(''); expect(result.contentType).toBe('image/png'); }); }); }); });