Added comprehensive test coverage for mobile fixes:
1. test 50: Landscape Layout Diagnostic (50-landscape-layout-check.mjs)
Purpose: Verify single-column layout in landscape orientation
Tests:
- Grid template columns detection
- Sidebar and main content widths
- 2-column vs 1-column layout verification
Viewport: 844x390 (iPhone 14 Pro landscape)
Expected: Single column (1fr) grid layout
2. test 51: Mobile Button Opacity Test (51-mobile-button-opacity-test.mjs)
Purpose: Verify all mobile buttons have full opacity (no transparency)
Tests:
- Background color alpha channel (should be 1.0)
- CSS opacity property (should be 1.0)
- Checks all 6 buttons: download, print, shortcuts, info, back-to-top, theme
Viewport: 375x667 (iPhone SE portrait)
Expected: All buttons at full opacity with blur bar backdrop
Test Organization:
- Numbered sequence: 48-52 (continuing from existing tests)
- Test 48: Mobile landscape and blur bar
- Test 49: Mobile light theme default
- Test 50: Landscape layout verification (NEW)
- Test 51: Button opacity verification (NEW)
- Test 52: Device detection and shortcuts visibility
All tests are executable with proper shebang (#!/usr/bin/env node)
Run with: node tests/mjs/[test-number]-[test-name].mjs
juanatsap