Practice Real-World Testing Sc... Note

Practice Real-World Testing Scenarios for QA: Challenge 3 - Visual Testing with API Mocking

The author performed visual testing for several applications, including a dashboard with a missing chart, a transportation app showing vehicle status on a map, and a service app for marking tree locations. Visual testing helps detect UI failures early, especially when the UI is stable. Playwright offers free visual testing capabilities, unlike paid tools like Applitools and Percy. A key challenge involves visually testing an Accounts Receivable dashboard where the "Average Days Late" metric fluctuates daily. Testing across multiple languages, including English, Spanish, German, and Japanese, also presents a challenge due to varying text lengths. Additionally, integrated API testing without mocking is required to verify data accuracy. When dynamic values affect visual consistency, testing strategies include masking the dynamic area or mocking the API to return predefined values. The provided links offer a website and APIs for testing these scenarios. The author encourages sharing repositories and asking questions upon completion of the challenge.