79 lines
3.2 KiB
TypeScript
79 lines
3.2 KiB
TypeScript
import { describe, it, expect } from 'vitest';
|
|
import { AvailableLeaguesViewModel, AvailableLeagueViewModel } from './AvailableLeaguesViewModel';
|
|
|
|
describe('AvailableLeaguesViewModel', () => {
|
|
const baseLeague = {
|
|
id: 'league-1',
|
|
name: 'Pro Series',
|
|
game: 'iRacing',
|
|
drivers: 24,
|
|
avgViewsPerRace: 12_500,
|
|
mainSponsorSlot: { available: true, price: 5_000 },
|
|
secondarySlots: { available: 2, total: 3, price: 1_500 },
|
|
rating: 4.7,
|
|
tier: 'premium' as const,
|
|
nextRace: 'Next Sunday',
|
|
seasonStatus: 'active' as const,
|
|
description: 'Competitive league for serious drivers',
|
|
};
|
|
|
|
it('maps league array into view models', () => {
|
|
const vm = new AvailableLeaguesViewModel([baseLeague]);
|
|
|
|
expect(vm.leagues).toHaveLength(1);
|
|
expect(vm.leagues[0]).toBeInstanceOf(AvailableLeagueViewModel);
|
|
expect(vm.leagues[0].id).toBe(baseLeague.id);
|
|
expect(vm.leagues[0].name).toBe(baseLeague.name);
|
|
expect(vm.leagues[0].avgViewsPerRace).toBe(baseLeague.avgViewsPerRace);
|
|
});
|
|
|
|
it('exposes formatted average views and CPM for main sponsor slot', () => {
|
|
const leagueVm = new AvailableLeagueViewModel(baseLeague);
|
|
|
|
expect(leagueVm.formattedAvgViews).toBe(`${(baseLeague.avgViewsPerRace / 1000).toFixed(1)}k`);
|
|
|
|
const expectedCpm = Math.round((baseLeague.mainSponsorSlot.price / baseLeague.avgViewsPerRace) * 1000);
|
|
expect(leagueVm.cpm).toBe(expectedCpm);
|
|
expect(leagueVm.formattedCpm).toBe(`$${expectedCpm}`);
|
|
});
|
|
|
|
it('detects available sponsor slots from main or secondary slots', () => {
|
|
const withBothAvailable = new AvailableLeagueViewModel(baseLeague);
|
|
expect(withBothAvailable.hasAvailableSlots).toBe(true);
|
|
|
|
const onlySecondary = new AvailableLeagueViewModel({
|
|
...baseLeague,
|
|
mainSponsorSlot: { available: false, price: 5_000 },
|
|
secondarySlots: { available: 1, total: 3, price: 1_500 },
|
|
});
|
|
expect(onlySecondary.hasAvailableSlots).toBe(true);
|
|
|
|
const noneAvailable = new AvailableLeagueViewModel({
|
|
...baseLeague,
|
|
mainSponsorSlot: { available: false, price: 5_000 },
|
|
secondarySlots: { available: 0, total: 3, price: 1_500 },
|
|
});
|
|
expect(noneAvailable.hasAvailableSlots).toBe(false);
|
|
});
|
|
|
|
it('returns tier configuration for badge styling', () => {
|
|
const premium = new AvailableLeagueViewModel({ ...baseLeague, tier: 'premium' });
|
|
const standard = new AvailableLeagueViewModel({ ...baseLeague, tier: 'standard' });
|
|
const starter = new AvailableLeagueViewModel({ ...baseLeague, tier: 'starter' });
|
|
|
|
expect(premium.tierConfig.icon).toBe('⭐');
|
|
expect(standard.tierConfig.icon).toBe('🏆');
|
|
expect(starter.tierConfig.icon).toBe('🚀');
|
|
});
|
|
|
|
it('returns status configuration for season state', () => {
|
|
const active = new AvailableLeagueViewModel({ ...baseLeague, seasonStatus: 'active' });
|
|
const upcoming = new AvailableLeagueViewModel({ ...baseLeague, seasonStatus: 'upcoming' });
|
|
const completed = new AvailableLeagueViewModel({ ...baseLeague, seasonStatus: 'completed' });
|
|
|
|
expect(active.statusConfig.label).toBe('Active Season');
|
|
expect(upcoming.statusConfig.label).toBe('Starting Soon');
|
|
expect(completed.statusConfig.label).toBe('Season Ended');
|
|
});
|
|
});
|