feat(small): Add data-testid to SpotifyDeviceSelector (#9548)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: arii <342438+arii@users.noreply.github.com>

Author: arii

components/SpotifyDeviceSelector.tsx

@@ -32,7 +32,7 @@ const SpotifyDeviceSelector = ({
           '&:hover': { backgroundColor: 'grey.800' },
         }}
         aria-label="Select playback device"
-        data-testid="spotify-device-selector-button"
+        data-testid="spotify-device-select"
       >
         <SpeakerIcon fontSize="small" />
       </IconButton>
@@ -59,7 +59,7 @@ const SpotifyDeviceSelector = ({
               key={device.id}
               onClick={() => onDeviceSelect(device.id)}
               selected={device.is_active}
-              data-testid={`spotify-device-selector-item-${device.id}`}
+              data-testid={`spotify-device-select-option-${device.id}`}
             >
               {device.name} {device.is_active && '✓'}
             </MenuItem>

tests/playwright/vrt-components.spec.ts

@@ -132,9 +132,7 @@ test.describe('Component-Specific VRT', () => {
       ],
     })
 
-    const selectorButton = dashboardPage.getByTestId(
-      'spotify-device-selector-button'
-    )
+    const selectorButton = dashboardPage.getByTestId('spotify-device-select')
     await expect(selectorButton).toBeVisible({
       timeout: VRT_TIMEOUTS.STANDARD,
     })