Tutorial

The Expressium Coffeeshop is a small, simple demo website created to showcase the key features of Expressium. The properties listed below will be useful for this tutorial. Alternatively, you can download and explore one of the prebuilt demo solutions for inspiration when designing future Expressium Selenium Test Automation frameworks. Be sure to watch the Expressium Tour video for a more visual overview of the workflow.


The Expressium Coffeeshop

NameValue
CompanyExpressium
ProjectCoffeeshop
Application URLhttps://expressium.dev/coffeeshop/index.html
Usernamejohn.doe@microsoft.com
Password1234567890

Create a Solution

  • Launch application from the desktop icon...
  • Choose the File New entry in the application menu...
  • Fill-In the properties in the Solution Generator dialog...
  • Click OK to generate the new test automation IDE solution...
  • Open the solution & build the source code from within the IDE...

Enroll a Webpage

  • Click the Enroll button to start the enrollment process...
  • Click the Add button to open the page dialog...
  • Click the Scan button to open the enroller dialog...
  • Fill-In the optional enrollment locator settings in the dialog...
  • Click OK to enroll locators & properties from the webpage...
  • Review & modify the enrolled page properies & locators...
  • Click OK to add the new page to the repository...

Generate a Page

  • Select a page in the project dialog...
  • Click the Generate button to code-generate the selected page...
  • Click Yes in the message dialog to accept code-generation of pages...
  • Open the solution with the generated source code from within the IDE...
  • Review & modify the generated page object & UI test classes in the IDE...
  • Finally run the test & validate the behaviour from within the IDE...

Edit a Page

  • Select a page in the project dialog...
  • Click the Edit button to open the page dialog...
  • Double-click on a control to open the control dialog...
  • Modify the name and the locator in the control dialog...
  • Click OK to accept the changes in the control dialog...
  • Click OK to accept the changes in the page dialog...
  • Click the Preview button to open the code viewer dialog...

Configure a Project

  • Choose the Tools Configure entry in the application menu...
  • Click the Import button to open the select page dialog...
  • Double-click on a page to choose the initial page...
  • Click OK in the message dialog to accept review of configuration...
  • Review & modify the generated actions used for initial enrollment...
  • Click OK to accept the changes in the configuration dialog...