Implementação de testes automatizados de interface de usuário em sistema web frontend em angular usando CYPRESS

Abstract

Software testing is a fundamental practice to ensure efficiency in test execution and re- execution, especially in frontend systems, which require validation of both internal logic and direct user interaction. This work presents the implementation of automated user interface tests using the Cypress framework in an educational web system developed with Angular, used in the Rich Interface Applications course. Initially, a theoretical review was conducted on the main concepts related to software quality, black-box testing, automated testing, and tools used in frontend development. Subsequently, the Account application is presented, describing its component structure, technologies, and employed tools. Afterwards, the implementation of automated tests is detailed, including the specification of test cases, the application of best practices, the use of custom commands, environment variables, and stable selectors, as well as the implementation of data mocks. The results obtained demonstrate that Cypress presents an accessible learning curve and ease of adoption, enabling the efficient creation and maintenance of automated tests. In addition, the use of the tool contributed to the adoption of development best practices, especially with regard to the standardization and organization of components and selectors aimed at improving application testability. Finally, the tests were integrated into a continuous integration pipeline, enabling automated execution during the development process and contributing to continuous system verification.