All files / blong-browser/src/test setup.ts

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import '@testing-library/jest-dom';
import {expect, vi} from 'vitest';

declare global {
    var IS_REACT_ACT_ENVIRONMENT: boolean;
}

// Tell React we are in an act-capable test environment so that state updates
// triggered by internal library timers (e.g. PrimeReact animations) don't
// generate "not configured to support act" noise.  @testing-library/react sets
// this inside every act() call but resets it to the *previous* value when act
// exits; setting it here makes the default true for the whole suite.
globalThis.IS_REACT_ACT_ENVIRONMENT = true;

// PrimeReact's Dropdown / Select components schedule focus-management callbacks
// via setTimeout(0).  These fire during @testing-library/react's waitFor()
// polling window, where IS_REACT_ACT_ENVIRONMENT is temporarily set to false by
// the library's asyncWrapper.  The combination produces harmless "The current
// testing environment is not configured to support act(...)" noise from
// PrimeReact internals — not from our code.
//
// With IS_REACT_ACT_ENVIRONMENT = true (set above), genuine act() omissions in
// *our* code surface instead as "An update to X was not wrapped in act(...)" —
// a different message that is NOT suppressed here.  The suppressed message
// structurally requires IS_REACT_ACT_ENVIRONMENT to be false, which in this
// suite only happens inside @testing-library's asyncWrapper window.
//
// To make the suppression more surgical (catching cases where a test explicitly
// sets IS_REACT_ACT_ENVIRONMENT = false), move it into the specific describe()
// blocks that render PrimeReact Dropdown/Select components via beforeAll/afterAll.
//
// All other console.error output is preserved.
const _origConsoleError = console.error.bind(console);
// eslint-disable-next-line @typescript-eslint/no-explicit-any
console.error = (...args: any[]) => {
    if (typeof args[0] === 'string' && args[0].includes('not configured to support act')) {
        return;
    }
    _origConsoleError(...args);
};

// Normalise PrimeReact's internal pr_id_* counters in DOM snapshots.
//
// PrimeReact assigns a global incrementing integer to each component instance.
// It appears in two ways:
//   - as an attribute NAME:  <div pr_id_55="">      ← empty marker
//   - in an attribute VALUE: <div aria-controls="pr_id_55_panel">
//
// The integer changes depending on how many PrimeReact components mounted
// before the snapshot point, making raw snapshots fragile across runs.
// This serializer normalises all occurrences to "pr_id_0" so snapshots only
// capture structure, not internal identity counters.
//
// Guard flag prevents re-entry: serialize(val) inside print() would otherwise
// cycle back into this same serializer for every child Element.
let _serialising = false;

function normalisePrIds(root: Element): void {
    for (const el of [root, ...Array.from(root.querySelectorAll('*'))]) {
        for (const attr of Array.from(el.attributes)) {
            if (/^pr_id_\d/.test(attr.name)) {
                // attribute name IS a pr_id marker → remove it entirely
                el.removeAttribute(attr.name);
            } else if (/pr_id_\d/.test(attr.value)) {
                // attribute value CONTAINS a pr_id reference → normalise
                el.setAttribute(attr.name, attr.value.replace(/pr_id_\d+/g, 'pr_id_0'));
            }
        }
    }
}

expect.addSnapshotSerializer({
    test(val) {
        return (
            !_serialising && val != null && typeof val === 'object' && (val as Node).nodeType === 1
        );
    },
    print(val, serialize) {
        normalisePrIds(val as Element);
        _serialising = true;
        try {
            return serialize(val);
        } finally {
            _serialising = false;
        }
    },
});

// PrimeReact uses ResizeObserver — polyfill for jsdom
global.ResizeObserver = vi.fn(
    class {
        observe = vi.fn();
        unobserve = vi.fn();
        disconnect = vi.fn();
    },
);

// scrollIntoView is not implemented in jsdom
window.HTMLElement.prototype.scrollIntoView = vi.fn();

// matchMedia is not implemented in jsdom
Object.defineProperty(window, 'matchMedia', {
    writable: true,
    value: vi.fn().mockImplementation(query => ({
        matches: false,
        media: query,
        onchange: null,
        addEventListener: vi.fn(),
        removeEventListener: vi.fn(),
        dispatchEvent: vi.fn(),
    })),
});

// URL.createObjectURL / revokeObjectURL are not implemented in jsdom
global.URL.createObjectURL = vi.fn().mockReturnValue('blob:mock-url');
global.URL.revokeObjectURL = vi.fn();