david raistrick
119d252d02
- Add wake lock and browser fullscreen controls to encounter header/popout - Re-acquire wake lock after browser release (still doesnt work on tablet) - Retry fullscreen after Android unlock; keep manual control visible - Add larger labeled character Save button - Use distinct panel icon for encounter full-page expansion - Add strong active/inactive, conditions-open, and editing button states - Keep inactive participant controls visible - Add regression tests and update affected characterization tests - Update project TODO notes
77 lines
3.4 KiB
JavaScript
77 lines
3.4 KiB
JavaScript
// RED: reslot must fire on ALL 4 participant-mutation paths.
|
|
// Path 1 add, path 2 edit modal, path 3 drag (already correct), path 4 inline field (already correct).
|
|
// Tests add + edit modal reslot. Drag + inline already covered.
|
|
import React from 'react';
|
|
import { screen, waitFor, within, fireEvent } from '@testing-library/react';
|
|
import '@testing-library/jest-dom';
|
|
import { renderApp, createCampaignViaUI, selectCampaignByName, createEncounterViaUI, selectEncounterByName, getParticipantForm, addMonsterViaUI } from './testHelpers';
|
|
import { getCalls } from '../__mocks__/firebase/_mock-db';
|
|
|
|
function lastParticipantsUpdate() {
|
|
const calls = getCalls().filter(c => c.fn === 'updateDoc' && c.path.includes('/encounters/'));
|
|
const last = calls[calls.length - 1];
|
|
return last && last.data.participants;
|
|
}
|
|
|
|
async function addOne(form, name, hp, mod, init) {
|
|
fireEvent.change(form.getByPlaceholderText('e.g., Dire Wolf'), { target: { value: name } });
|
|
fireEvent.change(form.getByLabelText(/Init Mod/i), { target: { value: String(mod) } });
|
|
fireEvent.change(document.getElementById('monsterMaxHp'), { target: { value: String(hp) } });
|
|
fireEvent.change(form.getByPlaceholderText('auto'), { target: { value: String(init) } });
|
|
fireEvent.click(form.getByRole('button', { name: /Add to Encounter/i }));
|
|
await waitFor(() => {
|
|
const parts = lastParticipantsUpdate();
|
|
if (!parts || !parts.some(p => p.name === name)) throw new Error('not added');
|
|
});
|
|
}
|
|
|
|
describe('reslot on all mutation paths', () => {
|
|
test('add inserts at correct init position (not append)', async () => {
|
|
await renderApp();
|
|
await createCampaignViaUI('Camp');
|
|
await selectCampaignByName('Camp');
|
|
await createEncounterViaUI('Enc');
|
|
await selectEncounterByName('Enc');
|
|
|
|
const form = within(getParticipantForm());
|
|
// add Orc(5) first, then Goblin(8) — Goblin should slot ABOVE Orc, not append below
|
|
await addOne(form, 'Orc', 15, 0, 5);
|
|
await addOne(form, 'Goblin', 7, 2, 8);
|
|
|
|
const parts = lastParticipantsUpdate();
|
|
expect(parts.map(p => p.name)).toEqual(['Goblin', 'Orc']);
|
|
});
|
|
|
|
test('edit modal init change reslots participant', async () => {
|
|
await renderApp();
|
|
await createCampaignViaUI('Camp2');
|
|
await selectCampaignByName('Camp2');
|
|
await createEncounterViaUI('Enc2');
|
|
await selectEncounterByName('Enc2');
|
|
|
|
const form = within(getParticipantForm());
|
|
await addOne(form, 'Orc', 15, 0, 5);
|
|
await addOne(form, 'Goblin', 7, 2, 3);
|
|
|
|
// pre: Orc(5) before Goblin(3)
|
|
expect(lastParticipantsUpdate().map(p => p.name)).toEqual(['Orc', 'Goblin']);
|
|
|
|
// open edit modal for Goblin, bump init to 8
|
|
const editBtns = screen.getAllByRole('button', { name: 'Edit participant' });
|
|
const goblinEdit = editBtns.find(b => b.closest('li')?.textContent.includes('Goblin'));
|
|
fireEvent.click(goblinEdit);
|
|
|
|
await waitFor(() => screen.getByText(`Edit Goblin`));
|
|
// modal renders after row inputs; take last Initiative-labeled input
|
|
const initInputs = screen.getAllByLabelText('Initiative');
|
|
fireEvent.change(initInputs[initInputs.length - 1], { target: { value: '8' } });
|
|
const saveBtns = screen.getAllByRole('button', { name: /Save/i });
|
|
fireEvent.click(saveBtns[saveBtns.length - 1]);
|
|
|
|
await waitFor(() => {
|
|
const parts = lastParticipantsUpdate();
|
|
expect(parts.map(p => p.name)).toEqual(['Goblin', 'Orc']);
|
|
});
|
|
});
|
|
});
|