Fix initial scroll position: dial centered on page show, snap-back offset 233
This commit is contained in:
+6
-6
@@ -72,17 +72,17 @@ assert.doesNotMatch(ux, /transform\s*:/);
|
||||
// crown path: scroll deltas become queued 90° turns, board stays centered
|
||||
c = mk();
|
||||
c.visible = true;
|
||||
c.crownAnchor = 466;
|
||||
c.onCrownScroll({ scrollTop: 466 + 40 }); // one notch "down"
|
||||
c.onCrownScroll({ scrollTop: 466 });
|
||||
c.crownAnchor = 233;
|
||||
c.onCrownScroll({ scrollTop: 233 + 40 }); // one notch "down"
|
||||
c.onCrownScroll({ scrollTop: 233 });
|
||||
assert.equal(c.queue.length, 1, 'one turn queued after one crown notch');
|
||||
assert.equal(c.crownAnchor, 466, 'scroller re-centered');
|
||||
assert.equal(c.crownAnchor, 233, 'scroller re-centered');
|
||||
assert.equal(JSON.stringify(c.queue[0]), JSON.stringify({ x: 0, y: 1 }), 'right-facing snake turned clockwise = down');
|
||||
c.onCrownScroll({ scrollTop: 466 - 120 }); // three notches back
|
||||
c.onCrownScroll({ scrollTop: 233 - 120 }); // three notches back
|
||||
assert.equal(c.queue.length, 2, 'queue capped at 2');
|
||||
assert.equal(c.dir.x, 1, 'no reversal emitted, x unchanged');
|
||||
assert.equal(c.dir.y, 0, 'no reversal emitted, y unchanged');
|
||||
c.onCrownScroll({ scrollTop: 466 });
|
||||
c.onCrownScroll({ scrollTop: 233 });
|
||||
c.tick();
|
||||
assert.equal(JSON.stringify(c.dir), JSON.stringify({ x: 0, y: 1 }), 'first queued turn consumed');
|
||||
|
||||
|
||||
Reference in New Issue
Block a user