xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: light a chapter when its heading crosses 60% of the viewport

Browse Source
This commit is contained in:
LucaP
2026-10-11 01:11:09 +03:00
parent 7fa1c08ce8
commit d6045ad2c1
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tests/browser/navigation.spec.ts
View File

@@ -73,9 +73,9 @@ test("passive scrolling replaces a stable fragment without stealing focus", asyn
if (heading === null) throw new Error("Missing experience heading");
const headingDocumentTop =
heading.getBoundingClientRect().top + window.scrollY;
// Place the heading just beyond the 35% activation line. Scroll offsets
// Place the heading just beyond the 60% activation line. Scroll offsets
// are integer-rounded in Chromium, so exact boundary equality is brittle.
window.scrollTo(0, headingDocumentTop - window.innerHeight * 0.34);
window.scrollTo(0, headingDocumentTop - window.innerHeight * 0.59);
});
await expect(page).toHaveURL(`${distUrl}/#experience`, { timeout: 2000 });

6
tests/unit/section-controller.test.ts
View File

@@ -20,14 +20,14 @@ const headings: readonly SectionHeadingGeometry[] = [
];
describe("active section selection", () => {
it("places the activation line at a literal 35 percent of the visual viewport", () => {
it("places the activation line at a literal 60 percent of the visual viewport", () => {
expect(
activationLineDocumentY({
scrollY: 200,
visualViewportOffsetTop: 25,
visualViewportHeight: 1000,
}),
).toBe(575);
).toBe(825);
});
it("forces document end within exactly two CSS pixels using current geometry", () => {
@@ -60,7 +60,7 @@ describe("active section selection", () => {
).toBe("start");
});
it("selects the last heading at or above the literal 35 percent activation line", () => {
it("selects the last heading at or above the activation line", () => {
expect(
selectActiveSection({
headings,