Mohamed BoudraandGitHub
adc9b3b43c
* fix(app): preserve loader behavior in retained panels Keep the running footer mounted across panel switches. Inactive loaders stop their animation work, then realign to the original wall-clock phase before they become visible. * perf(app): remove inactive loader wrapper worklet * perf(app): pause hidden turn elapsed timers * perf(app): reduce loader animation work Keep one wall-clock-aligned clock for visible loaders and detach retained hidden loaders without unmounting them. Preserve the 950 ms sequence and reduced-motion behavior.
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { describe, expect, test } from "vitest";
|
|
import { getSyncedLoaderDotOpacity, getSyncedLoaderStep } from "./synced-loader-state";
|
|
|
|
describe("synced loader state", () => {
|
|
test("advances through six wall-clock-aligned steps every 950 milliseconds", () => {
|
|
const sampleTimes = [0, 158, 159, 316, 317, 474, 475, 633, 634, 791, 792, 949, 950];
|
|
|
|
const steps = sampleTimes.map(getSyncedLoaderStep);
|
|
|
|
expect(steps).toEqual([0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 0]);
|
|
});
|
|
|
|
test("preserves the six visible snake states", () => {
|
|
const states: number[][] = [];
|
|
for (let step = 0; step < 6; step += 1) {
|
|
const dotOpacities: number[] = [];
|
|
for (let dot = 0; dot < 6; dot += 1) {
|
|
dotOpacities.push(getSyncedLoaderDotOpacity(step, dot));
|
|
}
|
|
states.push(dotOpacities);
|
|
}
|
|
|
|
expect(states).toEqual([
|
|
[1, 0, 0.78, 0, 0.56, 0.34],
|
|
[0.78, 1, 0.56, 0, 0.34, 0],
|
|
[0.56, 0.78, 0.34, 1, 0, 0],
|
|
[0.34, 0.56, 0, 0.78, 0, 1],
|
|
[0, 0.34, 0, 0.56, 1, 0.78],
|
|
[0, 0, 1, 0.34, 0.78, 0.56],
|
|
]);
|
|
});
|
|
});
|