react-e2e-wdio

End to end test using webdriverio for a react web application.

Tech Stack

• Test Framework: Mocha
• Assertion Library: Chai
• Test Reporter: Allure
• Browser: Chrome
• Design Pattern: PageObject

Running tests

npm install

npm test

Running test against a url with a specific configuration

./node_modules/.bin/wdio wdio.conf.js --b=https://foxhound87.github.io

Creating Allure report

Install allure-commandline

npm install -g allure-commandline --save-dev

Run Allure generate report command

allure generate allure-results

Running test in Selenium Docker Container

Run Selenium standalone container

docker run -d -p 4444:4444 -p 5900:5900 -v /dev/shm:/dev/shm selenium/standalone-chrome-debug:3.8.1-chlorine

Run Tests

npm test wdio.conf.remote.js

As Selenium standalone debug image has a VNC server, it's possible to go to inside the container and see what hapenning on the browser.

You can connect to the server with any VNC client using the port number and the password which is secret If you are running docker on Mac OS, then you can connect the server by putting below command on Safari

vnc://localhost:5900

Docker Compose

Running docker compose

docker-compose up

If you run below command, it will run tests in Chrome and Firefox in parallel. Each spec will run both on Chrome and Firefox browser.

npm test wdio.conf.remote.js