SeleniumBase Website Tours
Shepherd,Bootstrap Tour,IntroJS, andHopscotch.
Choose your favorite one to use!
cd examples / tour_examples pytest google_tour.py
Creating a new tour:
To create a tour utilizing the Shepherd JS Library, use one of the following:
You can pass a custom theme to change the look & feel of Shepherd tours. Valid themes for Shepherd Tours are
To create a tour utilizing the Bootstrap Tour Library, use one of the following:
To create a tour utilizing the Intro JS Library, use one of the following:
To create a tour utilizing the Hopscotch JS Library, use one of the following:
Adding a step to a tour:
To add a tour step, use the following:
self.add_tour_step (message , css_selector, title, alignment, theme)
self.add_tour_step ()method, you must first pass a message to display. You can then specify a web element to attach to (by usingCSS selectors). 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 (Shepherd tours only), and even specify the alignment (which is the side of the element that you want the tour message to tether to).
Playing a tour:
You can play a tour by calling:
If you specify an interval (optional), the tour will automatically walk through each step after that many seconds have passed.
All methods have the optional
nameargument, which is only needed if you’re creating multiple tours at once. Then, when you’re adding a step or playing a tour, SeleniumBase knows which tour you’re referring too. You can avoid using the
namearg for multiple tours if you play a tour before creating a new one.
Here’s an example of using SeleniumBase Tours:
google_tour.py, which you can run from the
This example was taken from
examples / tour_examplesfolder with the following command:
Exporting a Tour:
self.export_tour (name=None, filename="my_tour.js")
nameis optional unless you gave custom names to your tours when you created them.