Knapsack Pro

WebdriverIO vs Cypress.io comparison of testing frameworks
What are the differences between WebdriverIO and Cypress.io?

WebdriverIO

https://webdriver.io/

Cypress.io

https://www.cypress.io/
Programming language

JavaScript

JavaScript

Category

Browser Automation, Unit Testing, Functional Testing

End-to-End Testing, Intergration Testing, Unit Testing

General info

WebdriverIO is the next-gen WebDriver test framework for Node.js made upon Selenium

WebdriverIO is written in JavaScript and uses Selenium under the hood. It also comes with its own inbuilt test runner and supports other testing frameworks like Jasmine, Cucumber, and Mocha

Cypress users are typically developers or QA engineers building web applications using modern JavaScript frameworks. This is the top tier UI automation framework which outsmarts Selenium based frameworks in most of the aspects!

Cypress enables you to write all types of tests: 1. End-to-end tests; 2. Integration tests; 3. Unit tests; 4. Cypress can test anything that runs in a browser; Apart from that Cypress provides the Dashboard facility for CI/CD
xUnit
Set of frameworks originating from SUnit (Smalltalk's testing framework). They share similar structure and functionality.

Yes

No

Client-side
Allows testing code execution on the client, such as a web browser

Yes

WebdriverIO allows the use of advanced CSS selectors and makes it easy to find elements for front-end testing

Yes

This is the primary goal of Cypress, it tests anything that runs in a browser and works to build great user experience that is it tests the applications flow from beginning to end from a user's perspective. It is built to handle modern JavaScript frameworks especially well and also works equally well on older server rendered pages or applications
Server-side
Allows testing the bahovior of a server-side code

Yes

It can be used to test server side behaviour and functionality

Yes

Although Cypress is not a general automation framework, nor is it a unit testing framework for your back-end services, It can test back-end behaviours for example using cy.task() command which provides a way for running Node code, so you can take actions necessary for your tests outside of the scope of Cypress
Fixtures
Allows defining a fixed, specific states of data (fixtures) that are test-local. This ensures specific environment for a single test

Yes

WebdriverIO supports the creation of fixtures

Yes

Cypress has inbuilt fixtures capabilities or example using the command 'cy.fixture(filePath)' loads a fixed set of data located in a file
Group fixtures
Allows defining a fixed, specific states of data for a group of tests (group-fixtures). This ensures specific environment for a given group of tests.

Yes

WebdriverIO supports the creation of group fixtures

Yes

Cypress can create group fixtures using the 'cy.fixture' command
Generators
Supports data generators for tests. Data generators generate input data for test. The test is then run for each input data produced in this way.

N/A

N/A

Licence
Licence type governing the use and redistribution of the software

MIT License

MIT License

Mocks
Mocks are objects that simulate the behavior of real objects. Using mocks allows testing some part of the code in isolation (with other parts mocked when needed)

Yes

It contains a mocking service called 'wdio-wiremock-service'

Yes

Cypress comes built in with the ability to stub and spy with cy.stub(), cy.spy(), It also automatically bundles 'sinon', 'lolex' and 'sinon-chai' which all work to give Cypress mocking capabilities
Grouping
Allows organizing tests in groups

Yes

WebdriverIO allows one to build test suites, you can run these test in parallel and organize them by adjusting the 'maxInstances' property in your config file

Yes

Cypress allows you to configure tests into groups however there is no way currently to run the groups
Other
Other useful information about the testing framework