1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
/**
* @vitest-environment jsdom
*/
import { cleanup, render, screen } from "@testing-library/react";
import { afterEach, describe, expect, test } from "vitest";
import TournamentPage, { standardBracketSeedsForTest } from "./TournamentPage";
afterEach(() => {
cleanup();
});
describe("standardBracketSeeds", () => {
test("bracket_size=2 returns [1, 2]", () => {
const seeds = standardBracketSeedsForTest(2);
expect(seeds).toEqual([1, 2]);
});
test("bracket_size=4 returns [1, 4, 2, 3]", () => {
const seeds = standardBracketSeedsForTest(4);
expect(seeds).toEqual([1, 4, 2, 3]);
});
test("bracket_size=8 returns [1, 8, 4, 5, 2, 7, 3, 6]", () => {
const seeds = standardBracketSeedsForTest(8);
expect(seeds).toEqual([1, 8, 4, 5, 2, 7, 3, 6]);
});
test("all seeds present for size 16", () => {
const seeds = standardBracketSeedsForTest(16);
expect(seeds).toHaveLength(16);
const sorted = [...seeds].sort((a, b) => a - b);
expect(sorted).toEqual(Array.from({ length: 16 }, (_, i) => i + 1));
});
test("seed 1 and seed 2 on opposite sides for size 8", () => {
const seeds = standardBracketSeedsForTest(8);
const pos1 = seeds.indexOf(1);
const pos2 = seeds.indexOf(2);
// Seed 1 in first half (0-3), Seed 2 in second half (4-7)
expect(pos1).toBeLessThan(4);
expect(pos2).toBeGreaterThanOrEqual(4);
});
});
describe("TournamentPage", () => {
test("shows loading state initially", () => {
render(<TournamentPage tournamentId="1" />);
expect(screen.getByText("Loading...")).toBeDefined();
});
test("shows error for invalid tournament ID", () => {
render(<TournamentPage tournamentId="abc" />);
expect(screen.getByText("Invalid tournament ID")).toBeDefined();
});
test("shows error for zero tournament ID", () => {
render(<TournamentPage tournamentId="0" />);
expect(screen.getByText("Invalid tournament ID")).toBeDefined();
});
});
|
