Update classname for testing

Author: marthacryan

dash/dash-renderer/src/components/error/menu/DebugMenu.react.js

@@ -31,6 +31,12 @@ const MenuContent = ({
             : OffIcon
         : ClockIcon;
 
+    const status = hotReload
+        ? connected
+            ? 'available'
+            : 'unavailable'
+        : 'cold';
+
     return (
         <div className='dash-debug-menu__content'>
             <button
@@ -65,7 +71,9 @@ const MenuContent = ({
             <div className='dash-debug-menu__divider' />
             <VersionInfo config={config} />
             <div className='dash-debug-menu__divider' />
-            <div className='dash-debug-menu__status'>
+            <div
+                className={`dash-debug-menu__status dash-debug-menu__button--${status}`}
+            >
                 Server
                 <_StatusIcon className='dash-debug-menu__icon' />
             </div>

tests/integration/devtools/test_hot_reload.py

@@ -108,6 +108,7 @@ def new_text(n):
 
     # Now check the server status indicator functionality
 
+    dash_duo_mp.find_element(".dash-debug-menu").click()
     dash_duo_mp.find_element(".dash-debug-menu__button--available")
     sleep(1)  # wait for opening animation
     dash_duo_mp.percy_snapshot(name="hot-reload-available")
@@ -118,6 +119,8 @@ def new_text(n):
     dash_duo_mp.wait_for_no_elements(".dash-fe-error__title")
     dash_duo_mp.percy_snapshot(name="hot-reload-unavailable")
 
+    dash_duo_mp.find_element(".dash-debug-menu").click()
+    sleep(1)  # wait for opening animation
     dash_duo_mp.find_element(".dash-debug-disconnected")
     dash_duo_mp.percy_snapshot(name="hot-reload-unavailable-small")