63 lines
1.8 KiB
Markdown
63 lines
1.8 KiB
Markdown
|
# Manual Testing for Toggle Issues
|
||
|
|
|
||
|
|
## Issue 1: Scroll Jumping to Top
|
||
|
|
|
||
|
|
### Test Steps:
|
||
|
|
1. Open http://localhost:1999/?lang=en
|
||
|
|
2. Scroll down 500px (or just scroll down a bit)
|
||
|
|
3. Click any toggle (Theme, Length, or Logos)
|
||
|
|
4. **Expected**: Scroll position stays the same
|
||
|
|
5. **Actual**: Check if scroll jumps to top
|
||
|
|
|
||
|
|
### Current Status:
|
||
|
|
- **Theme toggle**: Uses hyperscript (no HTMX), should not scroll but may have issue with label click
|
||
|
|
- **Length toggle**: Uses HTMX, scroll preservation implemented in main.js
|
||
|
|
- **Logo toggle**: Uses HTMX, scroll preservation implemented in main.js
|
||
|
|
|
||
|
|
## Issue 2: Logo Toggle Not Syncing
|
||
|
|
|
||
|
|
### Test Steps:
|
||
|
|
1. Open http://localhost:1999/?lang=en in desktop view (>900px)
|
||
|
|
2. Note the current state of **desktop** logo toggle (on/off)
|
||
|
|
3. Resize window to mobile (<900px)
|
||
|
|
4. Open hamburger menu
|
||
|
|
5. Click **mobile** logo toggle
|
||
|
|
6. Wait for HTMX to complete
|
||
|
|
7. Close menu and resize back to desktop
|
||
|
|
8. **Expected**: Desktop logo toggle matches the mobile toggle state
|
||
|
|
9. **Actual**: Check if desktop toggle updated
|
||
|
|
|
||
|
|
### Debug:
|
||
|
|
- Open browser console
|
||
|
|
- Look for: `Toggle sync - Logos: desktop=true/false, mobile=true/false`
|
||
|
|
- This will show if the sync code is running
|
||
|
|
|
||
|
|
## Quick Test Commands:
|
||
|
|
|
||
|
|
### Check if server is running:
|
||
|
|
```bash
|
||
|
|
curl -s 'http://localhost:1999/?lang=en' | grep -o 'id="themeToggle"' | head -1
|
||
|
|
```
|
||
|
|
|
||
|
|
### Check scroll preservation code:
|
||
|
|
```bash
|
||
|
|
curl -s 'http://localhost:1999/?lang=en' | grep -A 5 'savedScrollPosition'
|
||
|
|
```
|
||
|
|
|
||
|
|
### Check toggle sync code:
|
||
|
|
```bash
|
||
|
|
curl -s 'http://localhost:1999/?lang=en' | grep -A 3 'Toggle sync'
|
||
|
|
```
|
||
|
|
|
||
|
|
## Expected Console Output:
|
||
|
|
|
||
|
|
When toggling logos, you should see:
|
||
|
|
```
|
||
|
|
Toggle sync - Logos: desktop=true, mobile=true
|
||
|
|
```
|
||
|
|
|
||
|
|
When toggling length, you should see:
|
||
|
|
```
|
||
|
|
Toggle sync - Length: desktop=true, mobile=true
|
||
|
|
```
|