Update tour examples

Author: mdmintz

examples/tour_examples/ReadMe.md

@@ -30,7 +30,7 @@ Here's how you play a tour:
 
 ``self.play_tour(interval)``
 
-With the ``create_tour()`` method, you can pass a default theme to change the look & feel of the tour steps. Valid themes are ``dark``, ``default``, ``arrows``, ``square``, and ``square-dark``.
+With the ``create_tour()`` method, you can pass a default theme to change the look & feel of the tour steps. Valid themes for Shepherd Tours are ``dark``, ``light`` / ``arrows``, ``default``, ``square``, and ``square-dark``.
 
 With the ``self.add_tour_step()`` method, you must first pass a message to display. You can then specify a web element to attach to (by using [CSS selectors](https://www.w3schools.com/cssref/css_selectors.asp)). If no element is specified, the tour step will tether to the top of the screen by default. You can also add an optional title above the message to display with the tour step, as well as change the theme for that step, and even specify the alignment (which is the side of the element that you want the tour message to tether to).
 
@@ -50,12 +50,20 @@ class MyTourClass(BaseCase):
         self.wait_for_element('input[title="Search"]')
 
         self.create_tour(theme="dark")
-        self.add_tour_step("Click to begin the Google Tour!", title="SeleniumBase Tours")
-        self.add_tour_step("Type in your search query here.", 'input[title="Search"]')
-        self.add_tour_step("Then click here to search!", 'input[value="Google Search"]',
-            alignment="bottom", theme="arrows")
-        self.add_tour_step("Or click here to see the top result.",
-            '''[value="I'm Feeling Lucky"]''', alignment="bottom", theme="arrows")
+        self.add_tour_step(
+            "Click to begin the Google Tour!", title="SeleniumBase Tours")
+        self.add_tour_step(
+            "Type in your search query here.", 'input[title="Search"]')
+        self.play_tour()
+
+        self.highlight_update_text('input[title="Search"]', "Google")
+        self.wait_for_element('[role="listbox"]')  # Wait for autocomplete
+
+        self.create_tour(theme="light")
+        self.add_tour_step(
+            "Then click here to search.", 'input[value="Google Search"]')
+        self.add_tour_step(
+            "Or press [ENTER] after typing.", '[title="Search"]', theme="dark")
         self.play_tour()
 ```
 

examples/tour_examples/bootstrap_google_tour.py

@@ -12,20 +12,14 @@ def test_google_tour(self):
             "Click to begin the Google Tour!", title="SeleniumBase Tours")
         self.add_tour_step(
             "Type in your search query here.", 'input[title="Search"]')
-        self.add_tour_step(
-            "Then click here to search!", 'input[value="Google Search"]',
-            alignment="bottom")
-        self.add_tour_step(
-            "Or click here to see the top result.",
-            '''[value="I'm Feeling Lucky"]''',
-            alignment="bottom")
-        self.add_tour_step("Here's an example Google search:")
+        self.add_tour_step('Then click "Google Search" or press [ENTER].')
         self.play_tour()
 
         self.highlight_update_text('input[title="Search"]', "GitHub")
+        self.wait_for_element('[role="listbox"]')  # Wait for autocomplete
         self.highlight_click('input[value="Google Search"]')
 
-        self.create_bootstrap_tour()  # OR self.create_tour(theme="bootstrap")
+        self.create_bootstrap_tour()
         self.add_tour_step(
             "Search results appear here!", title="(5-second autoplay on)")
         self.add_tour_step("Let's take another tour:")
@@ -34,7 +28,7 @@ def test_google_tour(self):
         self.open("https://www.google.com/maps/@42.3598616,-71.0912631,15z")
         self.wait_for_element('input#searchboxinput')
 
-        self.create_bootstrap_tour()  # OR self.create_tour(theme="bootstrap")
+        self.create_bootstrap_tour()
         self.add_tour_step("Welcome to Google Maps!")
         self.add_tour_step(
             "Type in a location here.", "#searchboxinput", title="Search Box")

examples/tour_examples/google_tour.py

@@ -12,23 +12,24 @@ def test_google_tour(self):
             "Click to begin the Google Tour!", title="SeleniumBase Tours")
         self.add_tour_step(
             "Type in your search query here.", 'input[title="Search"]')
+        self.play_tour()
+
+        self.highlight_update_text('input[title="Search"]', "Google")
+        self.wait_for_element('[role="listbox"]')  # Wait for autocomplete
+
+        self.create_tour(theme="light")
         self.add_tour_step(
-            "Then click here to search!", 'input[value="Google Search"]',
-            alignment="bottom", theme="arrows")
+            "Then click here to search.", 'input[value="Google Search"]')
         self.add_tour_step(
-            "Or click here to see the top result.",
-            '''[value="I'm Feeling Lucky"]''',
-            alignment="bottom", theme="arrows")
-        self.add_tour_step("Here's an example Google search:", theme="arrows")
-        self.play_tour(interval=0)  # If interval is 0, tour is fully manual
+            "Or press [ENTER] after typing.", '[title="Search"]', theme="dark")
+        self.play_tour()
 
-        self.highlight_update_text('input[title="Search"]', "GitHub")
-        self.highlight_click('input[value="Google Search"]')
+        self.highlight_update_text('input[title="Search"]', "GitHub\n")
 
         self.create_tour(theme="dark")
         self.add_tour_step(
             "Search results appear here!", title="(5-second autoplay on)")
-        self.add_tour_step("Let's take another tour:", theme="arrows")
+        self.add_tour_step("Let's take another tour:", theme="light")
         self.play_tour(interval=5)  # tour automatically continues after 5 sec
 
         self.open("https://www.google.com/maps/@42.3598616,-71.0912631,15z")
@@ -61,5 +62,5 @@ def test_google_tour(self):
             alignment="left")
         self.add_tour_step(
             "Thanks for trying out SeleniumBase Tours!",
-            title="End of Guided Tour", theme="arrows")
+            title="End of Guided Tour", theme="light")
         self.play_tour()  # If interval isn't set, tour is fully manual