{"id":1749,"date":"2023-01-24T12:51:31","date_gmt":"2023-01-24T12:51:31","guid":{"rendered":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/?p=1749"},"modified":"2023-01-24T12:55:17","modified_gmt":"2023-01-24T12:55:17","slug":"automating-with-playwright","status":"publish","type":"post","link":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/automating-with-playwright\/","title":{"rendered":"Automating with Playwright"},"content":{"rendered":"

\"\"<\/p>\n

(If you prefer to read the article in Spanish, click HERE)<\/a><\/strong><\/p>\n

Why Playwright?<\/span><\/span> How to start a project with this framework?<\/span><\/span> What advantages does it have?<\/span><\/span> How does it work at the code level?<\/span><\/span> I will tell you very briefly in this article \ud83d\ude42<\/span><\/span><\/p>\n

<\/p>\n

Before we start…<\/span> What Playwright is?<\/span><\/b>\u00a0<\/span><\/p>\n

It is an open-source automation framework for End-to-End testing developed by Microsoft, it not only allows you to test the automation of web applications, but also of APIs.<\/span>\u00a0<\/span><\/p>\n

End to End<\/span><\/b> tests are end-to-end tests that simulate end-user behavior.<\/span>\u00a0<\/span><\/p>\n

Why Playwright?<\/span><\/b>\u00a0<\/span><\/p>\n

This framework allows us to test within different browsers (Edge, Chrome, Firefox, webkit\u2026), through different platforms (web, mobile) as well as API tests (in te same way it can be done by Postman). Another potential skill of this framework is that it is multilanguage, which allows us to code our tests in C#, JavaScript, TypeScript, Python, Java. Also, it allows us to run it on Windows, Ubuntu, Mac, etc. Test executions can be launched in parallel, which allows to optimize the execution speed of these, unlike tests that are launched sequentially.<\/span>\u00a0<\/span><\/p>\n

A few more things in favor of this tool<\/span><\/b>. There is no need to install codes, frameworks, etc. in our machines, simply in the #code we install the playwright <\/span>(npm init Playwright)<\/span><\/i> and follow the steps, <\/span>being very intuitive<\/span><\/b>.<\/span>\u00a0<\/span><\/p>\n

Tests can be generated by writing code but also the Playwright code generator can be used to record the tests, thus facilitating the coding, as well as launching them in debug mode for debugging. Finally, there are no browser version issues like other frameworks.<\/span>\u00a0<\/span><\/p>\n

Now that we know a little more about this powerful automation framework, <\/span><\/b>we are going to see a little more in detail how it works at the code level and what else it offers us when doing our tests.<\/span>\u00a0<\/span><\/p>\n

Project Playwright<\/span><\/b>\u00a0<\/span><\/p>\n

\u00a0The project can be divided into 3 parts:<\/span>\u00a0<\/span><\/p>\n