Skip to content

🔍 Multi-Device Docs Testing Report - 2026-05-08 #30954

@github-actions

Description

@github-actions

Test Summary

  • Triggered by: @pelikhan
  • Workflow run: §25539941046
  • Devices tested: 10
  • Test date: 2026-05-08

Results Overview

  • 🟢 Passed: 9
  • 🟡 Warnings: 1
  • 🔴 Critical: 0

Warning: Search Unavailable in Dev Mode

The search button opens a dialog that displays:

"Search is only available in production builds. Try building and previewing the site to test it out locally."

This is expected Astro/Starlight behavior in development mode but is worth noting for anyone running the docs locally. Search was tested at mobile viewport (390×844).

View Detailed Test Results by Device

Mobile Devices

Device Viewport Horizontal Overflow Nav Toggle Result
iPhone 12 390×844 ✅ None ✅ Works 🟢 Pass
iPhone 12 Pro Max 428×926 ✅ None ✅ Works 🟢 Pass
Pixel 5 393×851 ✅ None ✅ Works 🟢 Pass
Galaxy S21 360×800 ✅ None ✅ Works 🟢 Pass

Tablet Devices

Device Viewport Horizontal Overflow Sidebar Result
iPad 768×1024 ✅ None ✅ Visible 🟢 Pass
iPad Pro 11 834×1194 ✅ None ✅ Visible 🟢 Pass
iPad Pro 12.9 1024×1366 ✅ None ✅ Visible 🟢 Pass

Desktop Devices

Device Viewport Horizontal Overflow Sidebar Result
HD 1366×768 ✅ None ✅ Visible 🟢 Pass
FHD 1920×1080 ✅ None ✅ Visible 🟢 Pass
4K 2560×1440 ✅ None ✅ Visible 🟢 Pass
View All Warnings

Search in Development Mode (All Devices)
When clicking the Search button, the dialog shows: "Search is only available in production builds." This is an Astro/Starlight known limitation — Pagefind search index is only built during npm run build. Not a bug, but testers and contributors running the dev server should be aware.

Accessibility Findings

  • ✅ All images have alt text (1 image on homepage, all others are SVG icons with proper labels)
  • ✅ All buttons have accessible labels (4 buttons tested, 0 unlabeled)
  • ✅ Heading hierarchy is correct (25 headings, no level-skipping detected)
  • ✅ All 66 links have visible text (0 empty links)
  • ✅ All 72 focusable elements have visible focus styles (0 missing outline)
  • ✅ Skip to main content link present
  • ✅ Mobile navigation toggle has proper aria-label and aria-expanded state management
  • ✅ Theme selector is a properly labeled combobox

Interactive Elements

  • ✅ Mobile hamburger menu opens/closes correctly with aria-expanded toggling
  • ✅ Search modal opens on button click (shows dev-mode notice)
  • ✅ Theme selector (Auto/Dark/Light) present and functional
  • ✅ Navigation links load correct pages (tested Quick Start, Overview, FAQ)
  • ✅ Code block "Copy to clipboard" button present with proper labeling

Performance Snapshot (360×800 mobile)

  • Page load time: ~233ms
  • Resources loaded: 107 (scripts + stylesheets)
  • No console errors or warnings

Recommendations

  1. No critical fixes needed — all layouts render correctly across all 10 tested form factors.
  2. Consider adding a dev-mode notice to the docs contributing guide that search requires a production build to function.
  3. The site correctly adapts: mobile devices show hamburger menu, tablet/desktop show persistent sidebar.

References:

Warning

Firewall blocked 1 domain

The following domain was blocked by the firewall during workflow execution:

  • mtalk.google.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "mtalk.google.com"

See Network Configuration for more information.

Generated by Multi-Device Docs Tester · ● 381.6K ·

  • expires on May 10, 2026, 6:15 AM UTC

Metadata

Metadata

Labels

automatedcookieIssue Monster Loves Cookies!documentationImprovements or additions to documentationtesting

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions