Presence Tracker — Test Hub

Drop-in widget that times active presence on a page until the learner clicks .complete_btn, then stores the session in IndexedDB.

Lesson 1 →

lesson id 1 · [email protected]

Lesson 2 →

lesson id 2 · [email protected]

Data Viewer →

Browse / export / clear stored records

How to test the full flow

  1. Open Lesson 1. Watch the live timer (top-right) climb.
  2. Switch to another browser tab for a few seconds — the timer pauses. Switch back — it resumes. (Active-time only.)
  3. Click Mark as Complete in the footer. Timer stops, a toast confirms the saved minutes.
  4. Repeat on Lesson 2 (different id + email).
  5. Open the Data Viewer to see one row per completion with page URL, lesson id, email, and active minutes.
  6. Complete a lesson again → a new row appends (full history kept).