Bookmark System Test (M1)

Testing the core bookmark backend functionality

Bookmark Demo (Standalone)

Loading bookmarks...

M1 Testing Instructions

  1. Navigate to a comic page (e.g., /comics/magical-girl-kamiko/book-1/page-1)
  2. Click "Save This Page" to create a manual bookmark
  3. Navigate away from the comic page
  4. Click "Resume Reading" to return to your bookmarked page
  5. Test localStorage persistence by refreshing the browser
  6. Check the debug info to verify data structure

Expected Behavior

  • ✅ Save button only appears on comic pages
  • ✅ Resume button appears when bookmarks exist
  • ✅ Bookmark data persists across browser sessions
  • ✅ Manual bookmarks take priority over auto bookmarks
  • ✅ Debug info shows current state accurately
  • ✅ Error handling when localStorage is disabled

Bookmark Data Structure

{
  pageUrl: "/comics/magical-girl-kamiko/book-1/page-1",
  pageTitle: "Page 1 Title",
  seriesTitle: "Magical Girl Kamiko", 
  bookTitle: "Book 1",
  timestamp: 1693497600000,
  metadata: {
    chapterTitle: "Chapter 1",
    source: "manual-save"
  }
}

localStorage Keys (M1)

  • tmc_userdata - Userdata container (bookmarks are stored under `bookmarks.manual` and `bookmarks.auto`)
  • Legacy keys tmc_manual_bookmark and tmc_auto_bookmark will be migrated on read/write.

Open DevTools → Application → Local Storage to inspect the data