Knapsack Pro

Mocha vs WebdriverIO comparison of testing frameworks
What are the differences between Mocha and WebdriverIO?

Mocha

https://mochajs.org

WebdriverIO

https://webdriver.io/
Programming language

JavaScript

JavaScript

Category

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

Browser Automation, Unit Testing, Functional Testing

General info

Mocha is a widely used JavaScript test framework for Node.js

Mocha is a simple, flexible and the one of the widely adopted JS test framework. Mocha usually runs tests serially which enables the accurate reporting. Also it's useful for asynchronous testing, and provides various king of test reports. Spec is default test reporter for mocha, there are many test reports like Nyan, Dot matrix, Tap, Landing strip, List and Progress. Mocha is being used with many other test frameworks like Selenium WebDriver, Webdriver.io, wd and Cypress

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
xUnit
Set of frameworks originating from SUnit (Smalltalk's testing framework). They share similar structure and functionality.

Yes

It has an XUnit reporter available which outputs an XUnit-compatible XML document, often applicable in CI servers.

Yes

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

Yes

Mocha Runs in the browser and is used widely to test front-end components and functionality. It can test various DOM elements, front-end functions and so on.

Yes

WebdriverIO allows the use of advanced CSS selectors and makes it easy to find elements for front-end testing
Server-side
Allows testing the bahovior of a server-side code

Yes

Mocha provides convenient ways of testing the Node server.It works well with Chai (an assertion library) where it provides the environment for writing server-side tests while we write the tests with Chai

Yes

It can be used to test server side behaviour and functionality
Fixtures
Allows defining a fixed, specific states of data (fixtures) that are test-local. This ensures specific environment for a single test

Mocha provides the hooks before(), after(), beforeEach(), and afterEach() to set up preconditions and clean up after your tests

Yes

WebdriverIO supports the creation of fixtures
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.

N/A

Mocha allows grouping of fixtures

Yes

WebdriverIO supports the creation of group fixtures
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

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)

Provides Mocking capabilities through third party libraries like sinon.js, simple-mock and nock

Yes

It contains a mocking service called 'wdio-wiremock-service'
Grouping
Allows organizing tests in groups

Yes

Grouping is supported and is accomplished by the using a nested 'describe()'

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
Other
Other useful information about the testing framework