E2E tests with WebDriverIO and Mocha

This is a demonstration project of integration tests. In this project the user sends a message to the customer service on Automation Practice.
These tests are developed in TypeScript with WebDriverIO V7 and Mocha

Features

• TypeScript
• Expect-webdriverio
• Visual regression tests
• PerformanceTotal Service

┌─────────┬──────────────────────┬─────────────┬─────┬─────────┬──────────┬──────────┐
│ (index) │         name         │ averageTime │ sem │ repeats │ minValue │ maxValue │
├─────────┼──────────────────────┼─────────────┼─────┼─────────┼──────────┼──────────┤
│    0    │    'LoginProcess'    │    4243     │  0  │    1    │   4243   │   4243   │
│    1    │ 'SendMessageProcess' │    1408     │  0  │    1    │   1408   │   1408   │
└─────────┴──────────────────────┴─────────────┴─────┴─────────┴──────────┴──────────┘

• Page Object Pattern
• Commit lint and Commitizen
• ESlint
• Prettier
• Husky
• Github Actions example
• Allure report (screenshots on failure)

Requirements

• node >= 14.x.x - how to install Node
• npm >= 6.14.x - how to install NPM

Getting Started

Install the dependencies:

npm install

Compile TypeScript:

npm run build

Run e2e tests:

npm run tests:e2e

Run visual regression tests:

npm run tests:visualregression

Reports

Allure

Run this command to generate the allure report in the directory ./test-report/allure-report:

npm run report:generate

You can run this command to start a server on your machine and open the allure report on the browser:

npm run report:open

Prettier and Eslint

Run to format the code:

npm run code:format

Commit

We use the best practices for message's commit, using Commit lint and Commitizen we can generate changelogs automatically.

Run npm run commit and commitizen will help you.