[fix] Fixed visibility of "Recent Commands" tab on device page

[skip changelog]

Author: pandafy

openwisp_controller/connection/static/connection/css/command-inline.css

@@ -14,7 +14,7 @@ button[disabled] {
 #command_set-group .add-row,
 #command_set-group .advanced_editor,
 #command_set-group .form-row.field-type,
-li.commands {
+li.commands:not(.recent) {
   display: none !important;
 }
 

openwisp_controller/connection/tests/test_selenium.py

@@ -55,3 +55,15 @@ def test_command_widget_on_device(self):
         self.find_element(by=By.CSS_SELECTOR, value="#ow-command-confirm-yes").click()
 
         self.assertEqual(Command.objects.count(), 1)
+        # TODO: Selenium tests does not support websocket connections.
+        # Thus, we need to refresh the page. Remove this when support for
+        # websockets is added.
+        self.open(path)
+        self.wait_for_visibility(
+            By.CSS_SELECTOR,
+            (  # selector for Django 5.2
+                "#tabs-container li.recent.commands,"
+                # selector for Django 4.2
+                " #tabs-container li.recent-commands"
+            ),
+        )