mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 18:34:02 +00:00
Sameh Khamis
f9bf782b9c
createFrameRateMonitor() keeps the key, frame count and interval and publishes the readout to the gev-status store; the scene chrome renders it after the subtitle with the same class, hidden state and title. A page without the title bar still gets no monitor, and a monitor only updates or withdraws the readout the store shows.
45 lines
1.8 KiB
JavaScript
45 lines
1.8 KiB
JavaScript
// src/ui/frameRateView.test.mjs — the title bar's FPS readout renders what
|
|
// createFrameRateMonitor() publishes and toggles with the backquote key.
|
|
import '../testSupport/registerDom.mjs';
|
|
import test from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import { createApp, nextTick } from 'vue';
|
|
import { createPinia } from 'pinia';
|
|
import { useStatusStore } from './stores/status.js';
|
|
import { createFrameRateMonitor } from './frameRateMonitor.js';
|
|
import SceneChromeView from './views/SceneChromeView.vue';
|
|
|
|
test('the FPS readout sits in the title bar, hidden until the backquote key', async (t) => {
|
|
document.body.replaceChildren();
|
|
const pinia = createPinia();
|
|
const app = createApp(SceneChromeView).use(pinia);
|
|
app.mount(document.body.appendChild(document.createElement('div')));
|
|
t.after(() => app.unmount());
|
|
const readout = () =>
|
|
document.querySelector('#title-bar .frame-rate-readout');
|
|
assert.equal(readout(), null, 'no readout without a monitor');
|
|
const monitor = createFrameRateMonitor({
|
|
viewer: { scene: { postRender: { addEventListener: () => () => {} } } },
|
|
store: useStatusStore(pinia),
|
|
});
|
|
t.after(() => monitor.destroy());
|
|
await nextTick();
|
|
const element = readout();
|
|
assert.ok(element.previousElementSibling.classList.contains('subtitle'));
|
|
assert.ok(element.classList.contains('scene-text-holdout'));
|
|
assert.equal(element.hidden, true);
|
|
assert.equal(element.textContent, 'FPS —');
|
|
assert.equal(
|
|
element.title,
|
|
'Rendered globe frames per second · toggle with `',
|
|
);
|
|
document.dispatchEvent(
|
|
new KeyboardEvent('keydown', { key: '`', bubbles: true, cancelable: true }),
|
|
);
|
|
await nextTick();
|
|
assert.equal(readout().hidden, false);
|
|
monitor.destroy();
|
|
await nextTick();
|
|
assert.equal(readout(), null);
|
|
});
|