[fix] Fix selenium tests and css

Author: dee077

openwisp_monitoring/device/static/monitoring/css/floorplan.css

@@ -7,11 +7,11 @@
   z-index: 9998;
   display: flex;
   justify-content: center;
-  align-items: center;
   pointer-events: auto;
 }
 #floorplan-container {
   position: relative;
+  top: 5%;
   width: 90%;
   height: 80%;
   background: white;
@@ -88,7 +88,7 @@
 #floorplan-navigation {
   position: absolute;
   left: 50%;
-  bottom: -57px;
+  bottom: -65px;
   transform: translateX(-50%);
   height: auto;
   z-index: 9999;

openwisp_monitoring/tests/test_selenium.py

@@ -351,10 +351,7 @@ def test_filtering_on_device_popup(self):
             sleep(0.5)
             table_entries = self.find_elements(By.CSS_SELECTOR, ".map-detail tbody tr")
             self.assertEqual(len(table_entries), 1)
-            self.assertIn(
-                "Test-Device2",
-                table_entries[0].text,
-            )
+            self.assertIn(d2.name,table_entries[0].text)
             health_ok.click()
             self.wait_for_invisibility(
                 By.CSS_SELECTOR, ".map-detail .ow-loading-spinner"
@@ -372,7 +369,7 @@ def test_filtering_on_device_popup(self):
             sleep(0.5)
             table_entries = self.find_elements(By.CSS_SELECTOR, ".map-detail tbody tr")
             self.assertEqual(len(table_entries), 1)
-            self.assertIn("Test-Device1", table_entries[0].text)
+            self.assertIn(d1.name, table_entries[0].text)
 
         with self.subTest("Test filtering to get no results"):
             input_field.clear()
@@ -423,23 +420,23 @@ def test_floorplan_overlay(self):
             self.assertIsNotNone(canvases)
 
         with self.subTest("Test floorplan navigation"):
-            up_arrow = self.find_element(
-                By.CSS_SELECTOR, "#floorplan-navigation .up-arrow"
+            right_arrow = self.find_element(
+                By.CSS_SELECTOR, "#floorplan-navigation .right-arrow"
             )
-            up_arrow.click()
+            right_arrow.click()
             floor_heading = self.find_element(By.CSS_SELECTOR, "#floorplan-heading")
-            self.assertIn("2nd Floor", floor_heading.text)
+            self.assertIn("2nd floor", floor_heading.text.lower())
             canvases = self.find_elements(
                 By.CSS_SELECTOR, "#floor-content-2 canvas", timeout=5
             )
             self.assertIsNotNone(canvases)
 
-            down_arrow = self.find_element(
-                By.CSS_SELECTOR, "#floorplan-navigation .down-arrow"
+            left_arrow = self.find_element(
+                By.CSS_SELECTOR, "#floorplan-navigation .left-arrow"
             )
-            down_arrow.click()
+            left_arrow.click()
             floor_heading = self.find_element(By.CSS_SELECTOR, "#floorplan-heading")
-            self.assertIn("1st Floor", floor_heading.text)
+            self.assertIn("1st floor", floor_heading.text.lower())
             canvases = self.find_elements(
                 By.CSS_SELECTOR, "#floor-content-1 canvas", timeout=5
             )
@@ -450,7 +447,7 @@ def test_floorplan_overlay(self):
             )
             second_floor_btn.click()
             floor_heading = self.find_element(By.CSS_SELECTOR, "#floorplan-heading")
-            self.assertIn("2nd Floor", floor_heading.text)
+            self.assertIn("2nd floor", floor_heading.text.lower())
             canvases = self.find_elements(
                 By.CSS_SELECTOR, "#floor-content-2 canvas", timeout=5
             )