+ Battlemap: {scene.battlemap.stationsOnline}/3 stations online, gene-core {scene.battlemap.geneCoreSecuredRounds}/3, extraction {scene.battlemap.extractionProgress || 0}/2, reinforcements {scene.battlemap.reinforcementWaves}, objective {scene.battlemap.objectivesMet ? 'met' : 'failed'}
+
+ )}
{!isCombat && scene.total != null && (
- {scene.events.map((ev, i) => (
-
- {ev.type === 'crit' &&
⚡ {ev.player} — Righteous Fury on {ev.target} ({ev.dos} DoS)}
- {ev.type === 'initiative' &&
Initiative round {ev.round}: {(ev.order || []).join(' > ')}}
- {ev.type === 'kill' &&
☠ {ev.player} slew {ev.target}}
- {ev.type === 'down' &&
💀 {ev.player} went down (round {ev.round})}
- {ev.type === 'checkRoll' &&
{ev.player} — {ev.check} [{ev.stat}] {ev.roll}/{ev.tn} {ev.success ? `${ev.dos} DoS` : `${ev.dof} DoF`}}
- {ev.type === 'heroCheck' &&
★ {ev.player} — {ev.check} ({ev.dos} DoS)}
- {ev.type === 'complication'&&
⚡ Complication ({ev.player}): {ev.text?.slice(0, 80)}}
- {ev.type === 'wound' &&
🩸 {ev.player} took {ev.net} wounds from complication}
- {ev.type === 'ammo' &&
{ev.player} fired {ev.spent} {ev.ammoType || 'Standard'} round{ev.spent === 1 ? '' : 's'} from {ev.weapon} ({ev.fireMode}, {ev.remaining} left)}
- {ev.type === 'enemyAttack' &&
{ev.enemy} {ev.mode} vs {ev.target}: {ev.roll}/{ev.tn} {ev.hit ? 'hit' : 'miss'}}
+ {hasEvents && (
+
+
+
+
+
+ {mode === 'log' && (
+
+ {scene.events.map((ev, i) => )}
- ))}
+ )}
+ {mode === 'replay' &&
}
)}
diff --git a/src/tests/hordeCombatFourPlayersFiveHordes.test.js b/src/tests/hordeCombatFourPlayersFiveHordes.test.js
new file mode 100644
index 0000000..6e51fd4
--- /dev/null
+++ b/src/tests/hordeCombatFourPlayersFiveHordes.test.js
@@ -0,0 +1,132 @@
+import React from 'react';
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import DeathwatchRoller from '../components/DeathwatchRoller';
+
+jest.setTimeout(20000);
+
+const mockPlayers = [
+ {
+ name: 'Alpha',
+ tabInfo: {
+ characteristics: { ag: 40, bs: 60, ws: 45, t: 40 },
+ wounds: 18,
+ weapons: [{ name: 'Bolter', class: 'basic', damage: '2d10+5', pen: 5, rof: 4, modes: ['single', 'semi', 'full'] }],
+ },
+ },
+ {
+ name: 'Bravo',
+ tabInfo: {
+ characteristics: { ag: 38, bs: 58, ws: 44, t: 42 },
+ wounds: 17,
+ weapons: [{ name: 'Bolt Pistol', class: 'pistol', damage: '2d10+5', pen: 5, rof: 3, modes: ['single', 'semi'] }],
+ },
+ },
+ {
+ name: 'Charlie',
+ tabInfo: {
+ characteristics: { ag: 36, bs: 55, ws: 43, t: 41 },
+ wounds: 16,
+ weapons: [{ name: 'Plasma Gun', class: 'basic', damage: '1d10+9', pen: 8, rof: 2, modes: ['single', 'semi'] }],
+ },
+ },
+ {
+ name: 'Delta',
+ tabInfo: {
+ characteristics: { ag: 34, bs: 52, ws: 42, t: 40 },
+ wounds: 15,
+ weapons: [{ name: 'Chainsword', class: 'melee', damage: '1d10+3', pen: 4, rof: 1, modes: ['single'] }],
+ },
+ },
+];
+
+const mockHordes = [
+ { name: 'Mutant Horde', horde: true, magnitude: 20, wounds: 20, tb: 4, ag: 20, ws: 30, bs: 25, damage: '1d10+3' },
+ { name: 'PDF Guardsman Horde', horde: true, magnitude: 24, wounds: 24, tb: 3, ag: 25, ws: 32, bs: 30, damage: '1d10+2' },
+ { name: 'Rebel Horde', horde: true, magnitude: 22, wounds: 22, tb: 3, ag: 25, ws: 30, bs: 30, damage: '1d10+2' },
+ { name: 'Kroot Carnivore Horde', horde: true, magnitude: 18, wounds: 18, tb: 4, ag: 35, ws: 38, bs: 30, damage: '1d10+4' },
+ { name: 'Termagaunt Horde', horde: true, magnitude: 26, wounds: 26, tb: 3, ag: 30, ws: 35, bs: 30, damage: '1d10+3' },
+];
+
+function mockFetch(url) {
+ if (url === '/api/players') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(mockPlayers) });
+ }
+ if (url === '/api/bestiary/enemies') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(mockHordes) });
+ }
+ if (url === '/api/missions/active/player') {
+ return Promise.resolve({ ok: false, status: 404, json: () => Promise.resolve({}) });
+ }
+ if (url === '/api/weapons') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve([]) });
+ }
+ if (typeof url === 'string' && url.startsWith('/api/players/')) {
+ const name = decodeURIComponent(url.split('/').pop() || '');
+ const player = mockPlayers.find(entry => entry.name === name);
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(player || { name }) });
+ }
+ return Promise.resolve({ ok: false, status: 404, json: () => Promise.resolve({}) });
+}
+
+describe('DeathwatchRoller horde combat', () => {
+ beforeEach(() => {
+ localStorage.clear();
+ fetch.mockImplementation(mockFetch);
+ });
+
+ afterEach(() => {
+ cleanup();
+ jest.restoreAllMocks();
+ });
+
+ test('runs 4 players against 5 horde setups with working roll progression', async () => {
+ for (const horde of mockHordes) {
+ const randomValues = [0.8, 0.6, 0.4, 0.2, 0.0];
+ jest.spyOn(Math, 'random').mockImplementation(() => (randomValues.length ? randomValues.shift() : 0.5));
+
+ const { unmount } = render(
);
+
+ fireEvent.click(await screen.findByRole('button', { name: 'Horde Combat' }));
+
+ const getHordeEnemySelect = () => screen.getByText('Horde Enemy').parentElement.querySelector('select');
+ await waitFor(() => {
+ const select = getHordeEnemySelect();
+ expect(select).not.toBeNull();
+ expect(Array.from(select.querySelectorAll('option')).some(option => option.value === horde.name)).toBe(true);
+ });
+ fireEvent.change(getHordeEnemySelect(), { target: { value: horde.name } });
+ await waitFor(() => expect(getHordeEnemySelect().value).toBe(horde.name));
+ fireEvent.click(screen.getByRole('button', { name: '4' }));
+ await waitFor(() => expect(screen.getByText('4 player(s) selected')).toBeInTheDocument());
+ await waitFor(() => expect(screen.getByRole('button', { name: 'Start Combat' })).not.toBeDisabled());
+ fireEvent.click(screen.getByRole('button', { name: 'Start Combat' }));
+
+ await waitFor(() => expect(screen.getByText(`Horde Combat: ${horde.name}`)).toBeInTheDocument());
+ expect(screen.getAllByText(/Round 1/).length).toBeGreaterThan(0);
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+ await waitFor(() => expect(screen.getAllByText(/Bravo's turn/i).length).toBeGreaterThan(0));
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+ await waitFor(() => expect(screen.getAllByText(/Charlie's turn/i).length).toBeGreaterThan(0));
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+ await waitFor(() => expect(screen.getAllByText(/Delta's turn/i).length).toBeGreaterThan(0));
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+ await waitFor(() => expect(screen.getAllByText(new RegExp(`${horde.name}'s turn`, 'i')).length).toBeGreaterThan(0));
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+ await waitFor(() => expect(screen.getAllByText(/Alpha's turn/i).length).toBeGreaterThan(0));
+
+ await waitFor(() => {
+ expect(screen.getAllByText(new RegExp(`Alpha attacks|Bravo attacks|Charlie attacks|Delta attacks`, 'i')).length).toBeGreaterThan(0);
+ expect(screen.getByText(new RegExp(`${horde.name} hits`, 'i'))).toBeInTheDocument();
+ });
+
+ unmount();
+ jest.restoreAllMocks();
+ fetch.mockImplementation(mockFetch);
+ }
+ });
+});
diff --git a/src/tests/hordeCombatPlayerMainWeapon.test.js b/src/tests/hordeCombatPlayerMainWeapon.test.js
new file mode 100644
index 0000000..0113c5b
--- /dev/null
+++ b/src/tests/hordeCombatPlayerMainWeapon.test.js
@@ -0,0 +1,103 @@
+import React from 'react';
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import DeathwatchRoller from '../components/DeathwatchRoller';
+
+const mockRoster = [
+ { name: 'player1' },
+ { name: 'player2' },
+];
+
+const mockPlayersByName = {
+ player1: {
+ name: 'player1',
+ tabInfo: {
+ characteristics: { ag: 40, ws: 55, bs: 30, t: 45 },
+ wounds: { total: 18, current: 13 },
+ weapons: [
+ { name: 'Thunder Hammer', damage: '2d10+8 + Strength Bonus', special: 'Concussive' },
+ { name: 'Bolt Pistol', class: 'Pistol', damage: '2d10+5', pen: 5 },
+ { name: 'Krak Grenade', class: 'Thrown', damage: '3d10+4 Explosive', pen: 6 },
+ ],
+ },
+ },
+ player2: {
+ name: 'player2',
+ tabInfo: {
+ characteristics: { ag: 35, ws: 40, bs: 45, t: 40 },
+ wounds: { total: 16, current: 16 },
+ weapons: [
+ { name: 'Bolter', class: 'Basic', damage: '2d10+5', pen: 5 },
+ ],
+ },
+ },
+};
+
+const mockHordes = [
+ { name: 'Test Horde', horde: true, magnitude: 12, wounds: 12, tb: 4, ag: 25, ws: 30, bs: 25, damage: '1d10+3' },
+];
+
+function mockFetch(url) {
+ if (url === '/api/players') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(mockRoster) });
+ }
+ if (url === '/api/bestiary/enemies') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(mockHordes) });
+ }
+ if (url === '/api/missions/active/player') {
+ return Promise.resolve({ ok: false, status: 404, json: () => Promise.resolve({}) });
+ }
+ if (url === '/api/weapons') {
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve([]) });
+ }
+ if (typeof url === 'string' && url.startsWith('/api/players/')) {
+ const name = decodeURIComponent(url.split('/').pop() || '');
+ return Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve(mockPlayersByName[name] || { name }) });
+ }
+ return Promise.resolve({ ok: false, status: 404, json: () => Promise.resolve({}) });
+}
+
+describe('DeathwatchRoller horde combat player main weapon handling', () => {
+ beforeEach(() => {
+ localStorage.clear();
+ fetch.mockImplementation(mockFetch);
+ });
+
+ afterEach(() => {
+ cleanup();
+ jest.restoreAllMocks();
+ });
+
+ test('uses the player main weapon with sanitized damage and working roll progression', async () => {
+ const randomValues = [0.3, 0.2, 0.1, 0.0, 0.4, 0.5, 0.6];
+ jest.spyOn(Math, 'random').mockImplementation(() => (randomValues.length ? randomValues.shift() : 0.5));
+
+ render(
);
+
+ fireEvent.click(await screen.findByRole('button', { name: 'Horde Combat' }));
+
+ const getHordeEnemySelect = () => screen.getByText('Horde Enemy').parentElement.querySelector('select');
+ await waitFor(() => {
+ const select = getHordeEnemySelect();
+ expect(select).not.toBeNull();
+ expect(Array.from(select.querySelectorAll('option')).some(option => option.value === 'Test Horde')).toBe(true);
+ });
+
+ fireEvent.change(getHordeEnemySelect(), { target: { value: 'Test Horde' } });
+ await waitFor(() => expect(getHordeEnemySelect().value).toBe('Test Horde'));
+ await waitFor(() => expect(screen.getByText('2 player(s) selected')).toBeInTheDocument());
+
+ fireEvent.click(screen.getByRole('button', { name: 'Start Combat' }));
+
+ await waitFor(() => expect(screen.getByText('Horde Combat: Test Horde')).toBeInTheDocument());
+ expect(screen.getByText('Thunder Hammer')).toBeInTheDocument();
+ expect(screen.getByText('2d10+8')).toBeInTheDocument();
+
+ fireEvent.click(screen.getByRole('button', { name: 'Roll' }));
+
+ await waitFor(() => {
+ expect(screen.getByText(/player1 attacks with Thunder Hammer/i)).toBeInTheDocument();
+ expect(screen.getByText(/vs 55 WS/i)).toBeInTheDocument();
+ expect(screen.getAllByText(/player2's turn/i).length).toBeGreaterThan(0);
+ });
+ });
+});
diff --git a/src/tests/simulationTabReplay.test.js b/src/tests/simulationTabReplay.test.js
new file mode 100644
index 0000000..ead9405
--- /dev/null
+++ b/src/tests/simulationTabReplay.test.js
@@ -0,0 +1,114 @@
+import React from 'react';
+import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
+import axios from 'axios';
+import SimulationTab from '../components/SimulationTab';
+
+jest.mock('axios');
+
+const runResult = {
+ id: 91,
+ mission_id: 7,
+ mission_name: 'Secure the Gene-Vault Under Fire',
+ run_date: '2026-07-04T12:00:00.000Z',
+ players: ['Chris', 'Rafen'],
+ result: 'VICTORY',
+ xp_earned: 900,
+ total_rounds: 4,
+ total_rolls: 9,
+ success_rate: 67,
+ combat_success_rate: 61,
+ puzzle_success_rate: 75,
+ difficulty_level: 2,
+ enemy_profile: 'balanced',
+ findings: [],
+ story_hooks: [],
+ player_cards: {
+ Chris: { name: 'Chris', chapter: 'Ultramarines', spec: 'Tactical', alive: true, woundsRemaining: 15, maxWounds: 20, successCount: 3, failCount: 1, totalRolls: 4, successRate: 75, fateRemaining: 1, fateSpends: 0, combatProfile: 'balanced', conditions: [], heroMoments: [], shameList: [], ammo: [], grade: 'A' },
+ Rafen: { name: 'Rafen', chapter: 'Blood Angels', spec: 'Assault', alive: true, woundsRemaining: 14, maxWounds: 20, successCount: 2, failCount: 1, totalRolls: 3, successRate: 67, fateRemaining: 1, fateSpends: 0, combatProfile: 'melee', conditions: [], heroMoments: [], shameList: [], ammo: [], grade: 'B' },
+ },
+ roll_feed: [
+ { player: 'Chris', checkName: 'Attack', result: 32, effective: 55, success: true, dos: 3, category: 'combat' },
+ ],
+ scene_results: [
+ {
+ title: 'Gene-Vault Push',
+ type: 'combat',
+ cleared: true,
+ enemiesRemaining: 0,
+ battlemap: {
+ active: true,
+ stationsOnline: 2,
+ geneCoreSecuredRounds: 1,
+ extractionProgress: 1,
+ reinforcementWaves: 1,
+ objectivesMet: false,
+ gridWidth: 40,
+ gridHeight: 30,
+ zones: [
+ { id: 'extraction', x: 1, y: 11, w: 8, h: 8, tone: 'spawn' },
+ { id: 'vault', x: 24, y: 9, w: 10, h: 10, tone: 'vault' },
+ ],
+ cover: [{ id: 'cover-1', x: 10, y: 10, w: 2, h: 2 }],
+ blockers: [],
+ positions: {
+ 'player:Chris': { x: 3, y: 14 },
+ 'player:Rafen': { x: 5, y: 14 },
+ 'enemy:Cultist Fire Team': { x: 30, y: 12 },
+ },
+ },
+ events: [
+ { type: 'battlemapMove', side: 'player', player: 'Chris', x: 6, y: 14, travelled: 3, target: 'vault' },
+ { type: 'battlemapMove', side: 'enemy', actor: 'Cultist Fire Team', x: 27, y: 12, travelled: 3, target: 'Chris' },
+ { type: 'battlemapAttack', attacker: 'Cultist Fire Team', target: 'Chris', mode: 'ranged', glyph: 'ranged', weapon: 'Autogun', blocked: true, reasons: ['Blocked by a wall — no line of sight'] },
+ { type: 'battlemapAttack', attacker: 'Cultist Fire Team', target: 'Chris', mode: 'ranged', glyph: 'ranged', weapon: 'Autogun', reasons: ['short range', 'light cover'] },
+ { type: 'kill', player: 'Chris', target: 'Cultist Fire Team' },
+ ],
+ },
+ ],
+};
+
+describe('SimulationTab battlemap replay', () => {
+ beforeEach(() => {
+ jest.clearAllMocks();
+ axios.get.mockImplementation((url) => {
+ if (url === '/api/missions') return Promise.resolve({ data: [{ id: 7, name: 'Secure the Gene-Vault Under Fire' }] });
+ if (url === '/api/players') return Promise.resolve({ data: [{ name: 'gm' }, { name: 'Chris' }, { name: 'Rafen' }] });
+ if (url === '/api/simulations') return Promise.resolve({ data: [] });
+ throw new Error(`Unexpected GET ${url}`);
+ });
+ axios.post.mockResolvedValue({ data: runResult });
+ });
+
+ test('shows mapped scenes immediately after running a new simulation', async () => {
+ render(
);
+
+ fireEvent.click(await screen.findByRole('button', { name: /run new simulation/i }));
+ fireEvent.click(screen.getByRole('button', { name: /run simulation/i }));
+
+ expect(await screen.findByText('Gene-Vault Push')).toBeInTheDocument();
+ expect(screen.getByText(/Battlemap: 2\/3 stations online/i)).toBeInTheDocument();
+ const replayMap = screen.getByTestId('simulation-replay-map');
+ expect(replayMap).toBeInTheDocument();
+ expect(screen.getByText(/Starting positions loaded/i)).toBeInTheDocument();
+ expect(within(replayMap).getByText('Chris')).toBeInTheDocument();
+ expect(within(replayMap).getByText('Cultist Fire Team')).toBeInTheDocument();
+
+ fireEvent.click(screen.getByRole('button', { name: /step/i }));
+ fireEvent.click(screen.getByRole('button', { name: /step/i }));
+ fireEvent.click(screen.getByRole('button', { name: /step/i }));
+
+ expect(screen.getByText(/Blocked by a wall/i)).toBeInTheDocument();
+ expect(screen.queryByTestId('simulation-attack-marker')).not.toBeInTheDocument();
+
+ fireEvent.click(screen.getByRole('button', { name: /step/i }));
+
+ expect(screen.getByText(/advanced toward vault to 6,14/i)).toBeInTheDocument();
+ expect(screen.getByText(/Cultist Fire Team vs Chris \(Autogun\): short range, light cover/i)).toBeInTheDocument();
+ expect(screen.getByTestId('simulation-attack-marker')).toBeInTheDocument();
+
+ fireEvent.click(screen.getByRole('button', { name: /step/i }));
+
+ expect(screen.getByTestId('simulation-death-marker-enemy:Cultist Fire Team')).toBeInTheDocument();
+ expect(within(replayMap).queryByText('Cultist Fire Team')).not.toBeInTheDocument();
+ });
+});