I have a system that display 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 the correct data is represented on UI. What should be the test strategy for this? I'm thinking of using Playwright framework.
What I have think so far:
1) for every test case
- making api request
- asserting response
- checking the values in UI
it doesn't seem ideal.
- seperating api tests
- mocking api calls in UI testing
i don't know if it would give the confidence of real user experience.
- seperating api test
- UI only test(without validating data)
- applying no 1 for most important test cases
what is your suggestion?