Match gyro and accel stream types exactly and expand sensor modules in real-device tests

Author: AviaAv

wrappers/rest-api/tools/react-viewer/src/components/DevicePanel.tsx

@@ -722,7 +722,6 @@ function SensorStreamControls({
                 onClick={() => toggleSensor(sensor.sensor_id)}
                 className="flex items-center gap-2 flex-1 min-w-0 text-left"
                 aria-expanded={isExpanded}
-                title={isExpanded ? 'Collapse' : 'Expand stream settings'}
               >
                 <svg
                   className={`w-3 h-3 shrink-0 text-gray-400 transition-transform ${isExpanded ? 'rotate-90' : ''}`}

wrappers/rest-api/tools/react-viewer/src/store/index.ts

@@ -42,7 +42,7 @@ function buildStreamConfigs(sensors: SensorInfo[]): StreamConfig[] {
       const streamTypeLower = profile.stream_type.toLowerCase()
       const enableByDefault =
         streamTypeLower === 'depth' || streamTypeLower === 'color' ||
-        streamTypeLower.includes('gyro') || streamTypeLower.includes('accel')
+        streamTypeLower === 'gyro' || streamTypeLower === 'accel'
       configs.push({
         sensor_id: sensor.sensor_id,
         stream_type: profile.stream_type,

wrappers/rest-api/tools/react-viewer/tests/e2e/real-device.spec.ts

@@ -14,6 +14,16 @@
  */
 
 import { test, expect, getTestMode, getApiUrl, dismissWhatsNewModal } from './fixtures'
+import type { Locator } from '@playwright/test'
+
+// Per-stream toggles only render inside an expanded sensor module
+async function expandSensorModules(deviceCard: Locator) {
+  const headers = deviceCard.locator('button[aria-expanded]')
+  for (let i = 0; i < await headers.count(); i++) {
+    const header = headers.nth(i)
+    if (await header.getAttribute('aria-expanded') === 'false') await header.click()
+  }
+}
 
 // Skip entire file in mock mode
 test.beforeEach(async ({ testMode, page }) => {
@@ -72,6 +82,9 @@ test.describe('@real-device Real Device Tests', () => {
       // Wait for device to finish loading sensors
       await expect(page.locator('[title="Loading..."]')).not.toBeVisible({ timeout: 10000 })
 
+      // Sensor modules are collapsed by default; expand them to reveal the stream toggles
+      await expandSensorModules(deviceCard)
+
       // Enable depth stream
       const depthToggle = page.locator('[data-testid="toggle-stream-depth"]').first()
       await depthToggle.check()
@@ -102,6 +115,8 @@ test.describe('@real-device Real Device Tests', () => {
       // Wait for device to finish loading sensors
       await expect(page.locator('[title="Loading..."]')).not.toBeVisible({ timeout: 10000 })
 
+      await expandSensorModules(deviceCard)
+
       const depthToggle = page.locator('[data-testid="toggle-stream-depth"]').first()
       await depthToggle.check()
 
@@ -196,6 +211,8 @@ test.describe('@real-device Performance Tests', () => {
     // Wait for device to finish loading sensors
     await expect(page.locator('[title="Loading..."]')).not.toBeVisible({ timeout: 10000 })
 
+    await expandSensorModules(deviceCard)
+
     const depthToggle = page.locator('[data-testid="toggle-stream-depth"]').first()
     await depthToggle.check()