After setting up your applications and environments in mabl, you can get started with testing your app! This tutorial walks through the basics of browser tests in mabl, from creating a test in the mabl Trainer to adding flows to achieve coverage at scale.
Creating a new browser test!
To create a new browser test, click New test and choose Browser test. The browser test creation form includes many options for configuring your test, including descriptions, labels, plans, and credentials.
For your first few browser tests, it is sufficient to give the test a name, select No plan, and associate it with your application.
With your team, discuss what naming conventions and labels you can use distinguish practice tests from other tests in your workspace. Consider the examples below:
- Naming conventions: "Walkthrough browser test - Your name"
- Labels: "tutorial", "walkthrough", or "practice are good labels for distinguishing your practice tests.
Creating a new browser test
Click Create test to launch the mabl Trainer and start testing! The mabl Trainer loads two windows:
- A Chrome browser window opened to your application
- The Trainer window, where you can see the recorded steps and add new steps
Start interacting with your application. Not sure what to test? Try creating a test that follows a common user journey to validate core functionality in your app, such as:
- Adding items to a shopping cart
- Updating account settings
- Basic smoke test - verify that the most crucial functionality in the app works as expected
As you record steps, don't forget to add assertions to validate that your application is behaving as expected.
Button to add assertions
For more information on assertions, check out our guide on Best practices for assertions.
To see your steps in action, click on the Play button to see your test in action.
Playing steps in the Trainer
When you're finished, don't forget to save your test!