side-builder 0.1.0__tar.gz

side_builder-0.1.0/.gitignore

@@ -0,0 +1,176 @@
+# Created by https://www.toptal.com/developers/gitignore/api/python
+# Edit at https://www.toptal.com/developers/gitignore?templates=python
+
+### Python ###
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# poetry
+#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+#   in version control.
+#   https://pdm.fming.dev/#use-with-ide
+.pdm.toml
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
+#  and can be added to the global gitignore or merged into this file.  For a more nuclear
+#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
+#.idea/
+
+### Python Patch ###
+# Poetry local configuration file - https://python-poetry.org/docs/configuration/#local-configuration
+poetry.toml
+
+# ruff
+.ruff_cache/
+
+# LSP config files
+pyrightconfig.json
+
+# End of https://www.toptal.com/developers/gitignore/api/python

side_builder-0.1.0/.python-version

@@ -0,0 +1 @@
+3.10

side_builder-0.1.0/PKG-INFO

@@ -0,0 +1,205 @@
+Metadata-Version: 2.4
+Name: side-builder
+Version: 0.1.0
+Summary: AI-powered Selenium IDE (.side) player and builder for Selenium and Playwright
+Author-email: Soonki Ji <soonki.ji@gmail.com>
+Requires-Python: >=3.10
+Requires-Dist: click>=8.3.1
+Requires-Dist: openai>=2.24.0
+Requires-Dist: playwright>=1.58.0
+Requires-Dist: python-dotenv>=1.2.2
+Requires-Dist: selenium>=4.41.0
+Description-Content-Type: text/markdown
+
+# Side Player (side-builder)
+
+side-player is a next-generation automation tool that bridges the gap between AI-driven intent and rock-solid execution. It allows you to create Selenium IDE (.side) scripts interactively using natural language and execute them anywhere using Playwright or Selenium.
+
+---
+
+## Quick Start
+
+### 1. Installation
+Install the package via pip or uv:
+
+```bash
+pip install side-player
+# or using uv
+uv tool install side-player
+```
+
+### Demo #1: Generate *.side files and demo1_{sync,async,sel_sync}.py
+
+```bash
+% side-builder --output demo1
+Using OPENAI_API_KEY=sk-proj-OlHCz-hz******************************
+
+[Step 1] AI prompt for browser action [exit]: Go to the home of https://saucedemo.com
+Playing: sides\demo1_step_1.side ()
+    Success: open https://saucedemo.com
+    Save sides\demo1_step_1.side? [Y/n]:
+
+[Step 2] AI prompt for browser action [exit]: Log in
+Playing: sides\demo1_step_2.side ()
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+    Save sides\demo1_step_2.side? [Y/n]:
+
+[Step 3] AI prompt for browser action [exit]: Add a backpack to the cart
+Playing: sides\demo1_step_3.side ()
+    Success: click id=add-to-cart-sauce-labs-backpack
+    Save sides\demo1_step_3.side? [Y/n]:
+
+[Step 4] AI prompt for browser action [exit]: Go to cart for checkout
+Playing: sides\demo1_step_4.side ()
+    Success: click css=.shopping_cart_link
+    Save sides\demo1_step_4.side? [Y/n]:
+
+[Step 5] AI prompt for browser action [exit]: Click Checkout
+Playing: sides\demo1_step_5.side ()
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+    Save sides\demo1_step_5.side? [Y/n]:
+
+[Step 6] AI prompt for browser action [exit]: Enter John as first name, Doe as last name, 11111 as zip code and click Continue
+Playing: sides\demo1_step_6.side ()
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+    Save sides\demo1_step_6.side? [Y/n]:
+
+[Step 7] AI prompt for browser action [exit]: Click Finish
+Playing: sides\demo1_step_7.side ()
+    Success: click id=finish
+    Save sides\demo1_step_7.side? [Y/n]:
+
+[Step 8] AI prompt for browser action [exit]: Click Back Home
+Playing: sides\demo1_step_8.side ()
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+    Save sides\demo1_step_8.side? [Y/n]:
+
+[Step 9] AI prompt for browser action [exit]: Log out
+Playing: sides\demo1_step_9.side ()
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+    Save sides\demo1_step_9.side? [Y/n]:
+
+[Step 10] AI prompt for browser action [exit]:
+
+Scripts created: demo1_sync.py, demo1_async.py, demo1_sel_sync.py
+Side files saved in: sides/
+```
+
+### Demo #2: Playing *.side files using Playwright Sync API
+```
+% uv run demo1_sync.py
+Playing: sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing: sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing: sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing: sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing: sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing: sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing: sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing: sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing: sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+### Demo #3: Playing *.side files using Playwright Async API
+```
+% uv run demo1_async.py
+Playing (Async): sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing (Async): sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing (Async): sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing (Async): sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing (Async): sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing (Async): sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing (Async): sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing (Async): sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing (Async): sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+### Demo #4: Play *.side files using Selenium
+```
+>uv run demo1_sel_sync.py
+Playing: sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing: sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing: sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing: sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing: sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing: sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing: sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing: sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing: sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+## Key Features
+
+* Zero-config Selectors: AI finds the best ID, CSS, or XPath for you automatically.
+* Cost Efficient: Use AI only for recording. Execution is 100% local and free.
+* Standard Format: Generates standard .side files compatible with the Selenium IDE.
+* Developer Friendly: Provides both Sync and Async Playwright APIs.
+* Extensible: Built with a modular structure to support Playwright and Selenium.
+
+---
+
+## Prerequisites
+
+- Python 3.12+
+- OpenAI API Key (required only for the side-builder recording phase)
+
+## License
+
+This project is licensed under the MIT License.

side_builder-0.1.0/README.md

@@ -0,0 +1,192 @@
+# Side Player (side-builder)
+
+side-player is a next-generation automation tool that bridges the gap between AI-driven intent and rock-solid execution. It allows you to create Selenium IDE (.side) scripts interactively using natural language and execute them anywhere using Playwright or Selenium.
+
+---
+
+## Quick Start
+
+### 1. Installation
+Install the package via pip or uv:
+
+```bash
+pip install side-player
+# or using uv
+uv tool install side-player
+```
+
+### Demo #1: Generate *.side files and demo1_{sync,async,sel_sync}.py
+
+```bash
+% side-builder --output demo1
+Using OPENAI_API_KEY=sk-proj-OlHCz-hz******************************
+
+[Step 1] AI prompt for browser action [exit]: Go to the home of https://saucedemo.com
+Playing: sides\demo1_step_1.side ()
+    Success: open https://saucedemo.com
+    Save sides\demo1_step_1.side? [Y/n]:
+
+[Step 2] AI prompt for browser action [exit]: Log in
+Playing: sides\demo1_step_2.side ()
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+    Save sides\demo1_step_2.side? [Y/n]:
+
+[Step 3] AI prompt for browser action [exit]: Add a backpack to the cart
+Playing: sides\demo1_step_3.side ()
+    Success: click id=add-to-cart-sauce-labs-backpack
+    Save sides\demo1_step_3.side? [Y/n]:
+
+[Step 4] AI prompt for browser action [exit]: Go to cart for checkout
+Playing: sides\demo1_step_4.side ()
+    Success: click css=.shopping_cart_link
+    Save sides\demo1_step_4.side? [Y/n]:
+
+[Step 5] AI prompt for browser action [exit]: Click Checkout
+Playing: sides\demo1_step_5.side ()
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+    Save sides\demo1_step_5.side? [Y/n]:
+
+[Step 6] AI prompt for browser action [exit]: Enter John as first name, Doe as last name, 11111 as zip code and click Continue
+Playing: sides\demo1_step_6.side ()
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+    Save sides\demo1_step_6.side? [Y/n]:
+
+[Step 7] AI prompt for browser action [exit]: Click Finish
+Playing: sides\demo1_step_7.side ()
+    Success: click id=finish
+    Save sides\demo1_step_7.side? [Y/n]:
+
+[Step 8] AI prompt for browser action [exit]: Click Back Home
+Playing: sides\demo1_step_8.side ()
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+    Save sides\demo1_step_8.side? [Y/n]:
+
+[Step 9] AI prompt for browser action [exit]: Log out
+Playing: sides\demo1_step_9.side ()
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+    Save sides\demo1_step_9.side? [Y/n]:
+
+[Step 10] AI prompt for browser action [exit]:
+
+Scripts created: demo1_sync.py, demo1_async.py, demo1_sel_sync.py
+Side files saved in: sides/
+```
+
+### Demo #2: Playing *.side files using Playwright Sync API
+```
+% uv run demo1_sync.py
+Playing: sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing: sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing: sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing: sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing: sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing: sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing: sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing: sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing: sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+### Demo #3: Playing *.side files using Playwright Async API
+```
+% uv run demo1_async.py
+Playing (Async): sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing (Async): sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing (Async): sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing (Async): sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing (Async): sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing (Async): sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing (Async): sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing (Async): sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing (Async): sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+### Demo #4: Play *.side files using Selenium
+```
+>uv run demo1_sel_sync.py
+Playing: sides/demo1_step_1.side (Go to the home of https://saucedemo.com)
+    Success: open https://saucedemo.com
+Playing: sides/demo1_step_2.side (Log in)
+    Success: open https://www.saucedemo.com/
+    Success: type id=user-name
+    Success: type id=password
+    Success: click id=login-button
+Playing: sides/demo1_step_3.side (Add a backpack to the cart)
+    Success: click id=add-to-cart-sauce-labs-backpack
+Playing: sides/demo1_step_4.side (Go to cart for checkout)
+    Success: click css=.shopping_cart_link
+Playing: sides/demo1_step_5.side (Click Checkout)
+    Success: click css=.btn.btn_action.btn_medium.checkout_button
+Playing: sides/demo1_step_6.side (Enter John as first name, Doe as last name, 11111 as zip code and click Continue)
+    Success: type id=first-name
+    Success: type id=last-name
+    Success: type id=postal-code
+    Success: click id=continue
+Playing: sides/demo1_step_7.side (Click Finish)
+    Success: click id=finish
+Playing: sides/demo1_step_8.side (Click Back Home)
+    Success: click css=.btn.btn_primary.btn_small[id='back-to-products']
+Playing: sides/demo1_step_9.side (Log out)
+    Success: click id=react-burger-menu-btn
+    Success: click id=logout_sidebar_link
+Done.
+```
+
+## Key Features
+
+* Zero-config Selectors: AI finds the best ID, CSS, or XPath for you automatically.
+* Cost Efficient: Use AI only for recording. Execution is 100% local and free.
+* Standard Format: Generates standard .side files compatible with the Selenium IDE.
+* Developer Friendly: Provides both Sync and Async Playwright APIs.
+* Extensible: Built with a modular structure to support Playwright and Selenium.
+
+---
+
+## Prerequisites
+
+- Python 3.12+
+- OpenAI API Key (required only for the side-builder recording phase)
+
+## License
+
+This project is licensed under the MIT License.

side_builder-0.1.0/demo1_async.py

@@ -0,0 +1,26 @@
+import asyncio
+
+from playwright.async_api import async_playwright
+
+from side_player.playwright.async_api import play_side_async
+
+
+async def main():
+    async with async_playwright() as p:
+        browser = await p.chromium.launch(headless=False)
+        page = await browser.new_page()
+        await play_side_async(page, 'sides/demo1_step_1.side', name='Go to the home of https://saucedemo.com')
+        await play_side_async(page, 'sides/demo1_step_2.side', name='Log in')
+        await play_side_async(page, 'sides/demo1_step_3.side', name='Add a backpack to the cart')
+        await play_side_async(page, 'sides/demo1_step_4.side', name='Go to cart for checkout')
+        await play_side_async(page, 'sides/demo1_step_5.side', name='Click Checkout')
+        await play_side_async(page, 'sides/demo1_step_6.side', name='Enter John as first name, Doe as last name, 11111 as zip code and click Continue')
+        await play_side_async(page, 'sides/demo1_step_7.side', name='Click Finish')
+        await play_side_async(page, 'sides/demo1_step_8.side', name='Click Back Home')
+        await play_side_async(page, 'sides/demo1_step_9.side', name='Log out')
+        await browser.close()
+        print("Done.")
+
+
+if __name__ == "__main__":
+    asyncio.run(main())

side_builder-0.1.0/demo1_sel_sync.py

@@ -0,0 +1,37 @@
+from selenium import webdriver
+from selenium.webdriver.chrome.options import Options
+
+from side_player.selenium.sync_api import play_side
+
+
+def main():
+    chrome_options = Options()
+    prefs = {
+        "credentials_enable_service": False,
+        "profile.password_manager_enabled": False,
+        "profile.password_manager_leak_detection": False,
+    }
+    chrome_options.add_experimental_option("prefs", prefs)
+    chrome_options.add_argument("--disable-features=PasswordLeakDetection")
+    chrome_options.add_argument("--disable-features=SafeBrowsingPasswordProtection")
+    chrome_options.add_argument("--disable-save-password-bubble")
+    chrome_options.add_experimental_option("excludeSwitches", ["enable-automation"])
+    chrome_options.use_automation_extension = False
+    driver = webdriver.Chrome(options=chrome_options)
+    try:
+        play_side(driver, 'sides/demo1_step_1.side', name='Go to the home of https://saucedemo.com')
+        play_side(driver, 'sides/demo1_step_2.side', name='Log in')
+        play_side(driver, 'sides/demo1_step_3.side', name='Add a backpack to the cart')
+        play_side(driver, 'sides/demo1_step_4.side', name='Go to cart for checkout')
+        play_side(driver, 'sides/demo1_step_5.side', name='Click Checkout')
+        play_side(driver, 'sides/demo1_step_6.side', name='Enter John as first name, Doe as last name, 11111 as zip code and click Continue')
+        play_side(driver, 'sides/demo1_step_7.side', name='Click Finish')
+        play_side(driver, 'sides/demo1_step_8.side', name='Click Back Home')
+        play_side(driver, 'sides/demo1_step_9.side', name='Log out')
+    finally:
+        driver.quit()
+        print("Done.")
+
+
+if __name__ == "__main__":
+    main()

side_builder-0.1.0/demo1_sync.py

@@ -0,0 +1,24 @@
+from playwright.sync_api import sync_playwright
+
+from side_player.playwright.sync_api import play_side
+
+
+def main():
+    with sync_playwright() as p:
+        browser = p.chromium.launch(headless=False)
+        page = browser.new_page()
+        play_side(page, 'sides/demo1_step_1.side', name='Go to the home of https://saucedemo.com')
+        play_side(page, 'sides/demo1_step_2.side', name='Log in')
+        play_side(page, 'sides/demo1_step_3.side', name='Add a backpack to the cart')
+        play_side(page, 'sides/demo1_step_4.side', name='Go to cart for checkout')
+        play_side(page, 'sides/demo1_step_5.side', name='Click Checkout')
+        play_side(page, 'sides/demo1_step_6.side', name='Enter John as first name, Doe as last name, 11111 as zip code and click Continue')
+        play_side(page, 'sides/demo1_step_7.side', name='Click Finish')
+        play_side(page, 'sides/demo1_step_8.side', name='Click Back Home')
+        play_side(page, 'sides/demo1_step_9.side', name='Log out')
+        browser.close()
+        print("Done.")
+
+
+if __name__ == "__main__":
+    main()