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);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|