As we have completed the book, it is now time to gain hands-on experience with a real-world application. For this, we can use NeetoForm. NeetoForm is an application designed to facilitate the creation and management of forms.
Apart from just automating the tests, ensure that you adhere to all the best practices and concepts mentioned in this book. Additionally, you can refer to the official Playwright documentation for advanced topics. Also, do not forget to perform a proper cleanup after performing each test to maintain a clean and consistent test environment, which is shared by everyone performing this task. Note that, the clean up steps have not been explicitly mentioned in the steps. We trust you to come up with them.
Create and submit a form
- Click on
Add new form.
- Click on
Start from scratch.
- Add full name and phone numer fields to the form.
- Publish the form.
- Open the published form by clicking on the
View published version button.
- Check if all the fields are visible in the published form.
- Check if the fields throw error when filled with invalid emails and phone numbers.
- Check if the form can be submitted without filling any fields.
- Fill in values to the fields and submit the form. (Add United states number)
- Verify that the Thank you page is visible.
- Go back to the form build tab and click on submissions.
- Verify the newly submitted response is visible.
Demo video
Customize form's field elements
- Create a new form and add single and multi choice elements.
- Add six more options to both single and mutli choice elements.
- Hide the multi choice question.
- Randomize the options of single element by clicking on the randomize option.
- Publish the form and open the published form by clicking on the
View published version button.
- Ensure that the options of single choice element are randomized.
- Verify the multi choice element is hidden.
- Uncheck the hide option of multichoice element and publish the form.
- Ensure the field is now visible on the published form.
Demo video
Verify form insights
- Create a new form.
- Verify the visits, starts, submissions count and completion rate is 0 in the insights tab under submissions.
- Open the published form.
- Verify the visits count has increased by one.
- Open the published form again and type in a value to the field without submitting the form.
- Verify the visits and starts count has increased by one.
- Open the published form again and submit the form.
- Verify the visits, starts and submissions count has increased by one. Also verify the completion rate.
Demo video