Update the offline demo page with the associated test

Author: mdmintz

examples/offline_examples/demo_page.html

@@ -318,8 +318,8 @@ <h3>Automation Practice</h3>
                     <tr>
                         <td>Input Slider Control:</td>
                         <td>
-                            <input type="range" min="0" max="4" step="1"
-                                   id="mySlider" name="sliderName" value="2"
+                            <input type="range" min="0" max="100" step="10"
+                                   id="mySlider" name="sliderName" value="50"
                                    style="width: 88%;" class="slider"
                                    onclick="sliderFunction1()"
                                    onchange="sliderFunction1()"
@@ -439,26 +439,8 @@ <h3>Automation Practice</h3>
               var s = document.getElementById("mySlider");
               var p = document.getElementById("progressBar");
               var pl = document.getElementById("progressLabel");
-              if (s.value == "0") {
-                p.value = "0";
-                pl.textContent = "Progress Bar: (0%)";
-              }
-              if (s.value == "1") {
-                p.value = "25";
-                pl.textContent = "Progress Bar: (25%)";
-              }
-              if (s.value == "2") {
-                p.value = "50";
-                pl.textContent = "Progress Bar: (50%)";
-              }
-              if (s.value == "3") {
-                p.value = "75";
-                pl.textContent = "Progress Bar: (75%)";
-              }
-              if (s.value == "4") {
-                p.value = "100";
-                pl.textContent = "Progress Bar: (100%)";
-              }
+              p.value = s.value;
+              pl.textContent = "Progress Bar: (" + p.value + "%)";
             }
         </script>
         <script>

examples/offline_examples/test_demo_page.py

@@ -1,4 +1,3 @@
-from selenium.webdriver.common.keys import Keys
 from seleniumbase import BaseCase
 
 
@@ -19,22 +18,25 @@ def test_demo_page(self):
         self.update_text("textarea.area1", "Testing Time!\n")
         self.update_text('[name="preText2"]', "Typing Text!")
 
+        # Verify that a hover dropdown link changes page text
+        self.assert_text("Automation Practice", "h3")
+        self.hover_and_click("#myDropdown", "#dropOption2")
+        self.assert_text("Link Two Selected", "h3")
+
         # Verify that a button click changes text on the page
         self.assert_text("This Text is Green", "#pText")
         self.click("#myButton")
         self.assert_text("This Text is Purple", "#pText")
 
-        # Verify that the hover dropdown option changes text
-        self.assert_text("Automation Practice", "h3")
-        self.hover_and_click("#myDropdown", "#dropOption2")
-        self.assert_text("Link Two Selected", "h3")
+        # Assert that the given SVG is visible on the page
+        self.assert_element('svg[name="svgName"]')
 
-        # Verify that moving a "slider" updates a progrss bar
+        # Verify that a slider control updates a progrss bar
         self.assert_element('progress[value="50"]')
-        self.send_keys("#myslider", Keys.RIGHT + Keys.RIGHT)
+        self.press_right_arrow("#myslider", times=5)
         self.assert_element('progress[value="100"]')
 
-        # Verify that the "select" option updates a meter bar
+        # Verify that a "select" option updates a meter bar
         self.assert_element('meter[value="0.25"]')
         self.select_option_by_text("#mySelect", "Set to 75%")
         self.assert_element('meter[value="0.75"]')
@@ -61,8 +63,5 @@ def test_demo_page(self):
         self.click("#radioButton2")
         self.assert_true(self.is_selected("#radioButton2"))
 
-        # Assert that the SVG is visible on the page
-        self.assert_element('svg[name="svgName"]')
-
         # Assert the title of the current web page
         self.assert_title("Web Testing Page")