I have a system that displays data it gets from API calls. There are multiple objects and every object has 7-8 properties. User is not allowed to change values and the system has a simple UI. I want to test that the correct data is represented in the UI. What should be the test strategy for this? I'm thinking of using Playwright framework.
What I have thought so far:
For every test case
- making api request
- asserting response
- checking the values in UI
It doesn't seem ideal.
- separating API tests
- mocking API calls in UI testing
I don't know if it would give the confidence of real user experience.
- separating API test
- UI only test (without validating data)
- applying no 1 for most important test cases
What is your suggestion?