PinApp - Challenge - Challenge with PlayWright

How to run tests?

First, set up your pc and visual studio code settings.

Pre-requirements

* Visual Studio Code installed.

* GIT installed.

* NodeJS installed.

1- Go to my repositoy for a preview.

2- Create a new folder in your desktop and open it.

3- Right click inside this folder and choose GIT Bash option.

4- Run the following git command

git init

5- Once initialized empty git repository, run the following git command

git clone https://github.com/ivanlgarcia28/PinAppChallenge

6- Close GIT Bash and open Visual Studio Code

7- On Visual Studio Code go to

File -> Open Folder -> Choose repository folder.

8- Finally, on the Visual Studio Code terminal (Ctrl + Ñ), run the following command to install dependencies.

npm install

Now, you are able to run my test.

9- Run the following command on Visual Studio Code terminal

npx playwright test

After the test execution, if the report doesn't open up, we can run the following command

npx playwright show-report

Why do I choose PlayWright?

I used PlayWright + TS due it's a new Microsoft framework that allows cross-browser, cross-platform and test mobile web in a really easy way. I consider that this is the tool which is going to take our tests in another level, given the possibility to test certains browsers and different screen sizes and use locators.

It also allows us to improve our post-test resources: At the end of the test, automatically a report opens up in a new window, showing us a better impossible stats of our test execution. For example, this report offers us a easy way to analyze our test results, including the specific error, each step of the test, a screenshot in case of failure, a pixel by pixel comparison of an specific page and the test trace that allows us to see the execution of the test at every second and the 'Action, 'Before' and 'After' of each step.