boardgame-core/tests/core/region.test.ts

277 lines
11 KiB
TypeScript
Raw Normal View History

2026-04-01 17:48:40 +08:00
import { describe, it, expect } from 'vitest';
2026-04-02 15:59:27 +08:00
import { applyAlign, shuffle, type Region, type RegionAxis } from '@/core/region';
import { createRNG } from '@/utils/rng';
import { entity, Entity } from '@/utils/entity';
import { type Part } from '@/core/part';
2026-04-01 17:34:21 +08:00
describe('Region', () => {
2026-04-02 15:16:30 +08:00
function createTestRegion(axes: RegionAxis[], parts: Part[]): Entity<Region> {
const partEntities = parts.map(p => entity(p.id, p));
return entity('region1', {
2026-04-01 17:34:21 +08:00
id: 'region1',
axes: [...axes],
2026-04-02 15:16:30 +08:00
children: partEntities,
});
2026-04-01 17:34:21 +08:00
}
describe('applyAlign', () => {
it('should do nothing with empty region', () => {
2026-04-02 15:16:30 +08:00
const region = createTestRegion([{ name: 'x', min: 0, align: 'start' }], []);
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children).toHaveLength(0);
2026-04-01 17:34:21 +08:00
});
2026-04-01 17:48:40 +08:00
it('should align parts to start on first axis', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [5, 10] };
const part2: Part = { id: 'p2', region: null as any, position: [7, 20] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 30] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', min: 0, align: 'start' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2, part3]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position[0]).toBe(0);
expect(region.value.children[1].value.position[0]).toBe(1);
expect(region.value.children[2].value.position[0]).toBe(2);
expect(region.value.children[0].value.position[1]).toBe(30);
expect(region.value.children[1].value.position[1]).toBe(10);
expect(region.value.children[2].value.position[1]).toBe(20);
2026-04-01 17:34:21 +08:00
});
it('should align parts to start with custom min', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [5, 100] };
const part2: Part = { id: 'p2', region: null as any, position: [7, 200] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', min: 10, align: 'start' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position[0]).toBe(10);
expect(region.value.children[1].value.position[0]).toBe(11);
expect(region.value.children[0].value.position[1]).toBe(100);
expect(region.value.children[1].value.position[1]).toBe(200);
2026-04-01 17:34:21 +08:00
});
2026-04-01 17:48:40 +08:00
it('should align parts to end on first axis', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [2, 50] };
const part2: Part = { id: 'p2', region: null as any, position: [4, 60] };
const part3: Part = { id: 'p3', region: null as any, position: [1, 70] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', max: 10, align: 'end' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2, part3]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position[0]).toBe(8);
expect(region.value.children[1].value.position[0]).toBe(9);
expect(region.value.children[2].value.position[0]).toBe(10);
2026-04-01 17:34:21 +08:00
});
2026-04-01 17:48:40 +08:00
it('should align parts to center on first axis', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 5] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 6] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 7] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', min: 0, max: 10, align: 'center' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2, part3]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position[0]).toBe(4);
expect(region.value.children[1].value.position[0]).toBe(5);
expect(region.value.children[2].value.position[0]).toBe(6);
2026-04-01 17:34:21 +08:00
});
it('should handle even count center alignment', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 10] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 20] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', min: 0, max: 10, align: 'center' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position[0]).toBe(4.5);
expect(region.value.children[1].value.position[0]).toBe(5.5);
2026-04-01 17:34:21 +08:00
});
2026-04-01 17:48:40 +08:00
it('should sort children by position on current axis', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [5, 100] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 200] };
const part3: Part = { id: 'p3', region: null as any, position: [3, 300] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[{ name: 'x', min: 0, align: 'start' }, { name: 'y' }],
2026-04-01 17:34:21 +08:00
[part1, part2, part3]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.id).toBe('p2');
expect(region.value.children[1].value.id).toBe('p3');
expect(region.value.children[2].value.id).toBe('p1');
2026-04-01 17:34:21 +08:00
});
2026-04-01 17:48:40 +08:00
it('should align on multiple axes', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [5, 10] };
const part2: Part = { id: 'p2', region: null as any, position: [7, 20] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 30] };
const region = createTestRegion(
2026-04-01 17:48:40 +08:00
[
{ name: 'x', min: 0, align: 'start' },
{ name: 'y', min: 0, align: 'start' }
],
[part1, part2, part3]
);
2026-04-02 15:16:30 +08:00
2026-04-01 17:48:40 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
const positions = region.value.children.map(c => ({
2026-04-01 17:48:40 +08:00
id: c.value.id,
position: c.value.position
}));
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[0].id).toBe('p3');
expect(positions[0].position).toEqual([0, 2]);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[1].id).toBe('p1');
expect(positions[1].position).toEqual([1, 0]);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[2].id).toBe('p2');
expect(positions[2].position).toEqual([2, 1]);
});
it('should align 4 elements on rectangle corners', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 0] };
const part2: Part = { id: 'p2', region: null as any, position: [10, 0] };
const part3: Part = { id: 'p3', region: null as any, position: [10, 1] };
const part4: Part = { id: 'p4', region: null as any, position: [0, 1] };
const region = createTestRegion(
2026-04-01 18:33:09 +08:00
[
{ name: 'x', min: 0, max: 10, align: 'start' },
{ name: 'y', min: 0, max: 10, align: 'start' }
],
[part1, part2, part3, part4]
);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
applyAlign(region);
2026-04-02 15:16:30 +08:00
const positions = region.value.children.map(c => ({
2026-04-01 18:33:09 +08:00
id: c.value.id,
position: c.value.position
}));
2026-04-02 15:16:30 +08:00
2026-04-01 17:48:40 +08:00
expect(positions[0].id).toBe('p1');
2026-04-01 18:33:09 +08:00
expect(positions[0].position).toEqual([0, 0]);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[1].id).toBe('p4');
expect(positions[1].position).toEqual([0, 1]);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[2].id).toBe('p2');
expect(positions[2].position).toEqual([1, 0]);
2026-04-02 15:16:30 +08:00
2026-04-01 18:33:09 +08:00
expect(positions[3].id).toBe('p3');
expect(positions[3].position).toEqual([1, 1]);
2026-04-01 17:48:40 +08:00
});
2026-04-01 17:34:21 +08:00
});
describe('shuffle', () => {
it('should do nothing with empty region', () => {
2026-04-02 15:16:30 +08:00
const region = createTestRegion([], []);
2026-04-01 17:34:21 +08:00
const rng = createRNG(42);
shuffle(region, rng);
2026-04-02 15:16:30 +08:00
expect(region.value.children).toHaveLength(0);
2026-04-01 17:34:21 +08:00
});
it('should do nothing with single part', () => {
2026-04-02 15:16:30 +08:00
const part: Part = { id: 'p1', region: null as any, position: [0, 0, 0] };
const region = createTestRegion([], [part]);
2026-04-01 17:34:21 +08:00
const rng = createRNG(42);
shuffle(region, rng);
2026-04-02 15:16:30 +08:00
expect(region.value.children[0].value.position).toEqual([0, 0, 0]);
2026-04-01 17:34:21 +08:00
});
it('should shuffle positions of multiple parts', () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 100] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 200] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 300] };
const region = createTestRegion([], [part1, part2, part3]);
2026-04-01 17:34:21 +08:00
const rng = createRNG(42);
2026-04-02 15:16:30 +08:00
const originalPositions = region.value.children.map(c => [...c.value.position]);
2026-04-01 17:34:21 +08:00
shuffle(region, rng);
2026-04-02 15:16:30 +08:00
const newPositions = region.value.children.map(c => c.value.position);
2026-04-01 17:34:21 +08:00
originalPositions.forEach(origPos => {
2026-04-02 15:16:30 +08:00
const found = newPositions.some(newPos =>
2026-04-01 17:34:21 +08:00
newPos[0] === origPos[0] && newPos[1] === origPos[1]
);
expect(found).toBe(true);
});
});
it('should be deterministic with same seed', () => {
const createRegionForTest = () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 10] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 20] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 30] };
return createTestRegion([], [part1, part2, part3]);
2026-04-01 17:34:21 +08:00
};
2026-04-02 15:16:30 +08:00
const setup1 = createRegionForTest();
const setup2 = createRegionForTest();
2026-04-01 17:34:21 +08:00
const rng1 = createRNG(42);
const rng2 = createRNG(42);
2026-04-02 15:16:30 +08:00
shuffle(setup1, rng1);
shuffle(setup2, rng2);
const positions1 = setup1.value.children.map(c => c.value.position);
const positions2 = setup2.value.children.map(c => c.value.position);
2026-04-01 17:34:21 +08:00
expect(positions1).toEqual(positions2);
});
it('should produce different results with different seeds', () => {
2026-04-01 17:48:40 +08:00
const createRegionForTest = () => {
2026-04-02 15:16:30 +08:00
const part1: Part = { id: 'p1', region: null as any, position: [0, 10] };
const part2: Part = { id: 'p2', region: null as any, position: [1, 20] };
const part3: Part = { id: 'p3', region: null as any, position: [2, 30] };
const part4: Part = { id: 'p4', region: null as any, position: [3, 40] };
const part5: Part = { id: 'p5', region: null as any, position: [4, 50] };
return createTestRegion([], [part1, part2, part3, part4, part5]);
2026-04-01 17:48:40 +08:00
};
2026-04-01 17:34:21 +08:00
const results = new Set<string>();
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
for (let seed = 1; seed <= 10; seed++) {
2026-04-02 15:16:30 +08:00
const setup = createRegionForTest();
2026-04-01 17:34:21 +08:00
const rng = createRNG(seed);
2026-04-02 15:16:30 +08:00
shuffle(setup, rng);
const positions = JSON.stringify(setup.value.children.map(c => c.value.position));
2026-04-01 17:34:21 +08:00
results.add(positions);
}
2026-04-02 15:16:30 +08:00
2026-04-01 17:34:21 +08:00
expect(results.size).toBeGreaterThan(5);
});
});
});