Detox
Gray box end-to-end testing and automation framework for mobile apps.
What Does a Detox Test Look Like?
This is a test for a login screen, it runs on a device/simulator like an actual user:
describe('Login flow', () => {
beforeEach(async () => {
await device.reloadReactNative();
});
it('should login successfully', async () => {
await element(by.id('email')).typeText('john@example.com');
await element(by.id('password')).typeText('123456');
const loginButton = element(by.text('Login'));
await loginButton.tap();
await expect(loginButton).not.toExist();
await expect(element(by.label('Welcome'))).toBeVisible();
});
});
About
High velocity native mobile development requires us to adopt continuous integration workflows, which means our reliance on manual QA has to drop significantly. Detox tests your mobile app while it’s running in a real device/simulator, interacting with it just like a real user.
The most difficult part of automated testing on mobile is the tip of the testing pyramid - E2E. The core problem with E2E tests is flakiness - tests are usually not deterministic. We believe the only way to tackle flakiness head on is by moving from black box testing to gray box testing. That’s where Detox comes into play.
- Cross Platform: Write end-to-end tests in JavaScript for React Native apps (Android & iOS).
- Debuggable: Modern async-await API allows breakpoints in asynchronous tests to work as expected.
- Automatically Synchronized: Stops flakiness at the core by monitoring asynchronous operations in your app.
- Made For CI: Execute your E2E tests on CI platforms like Travis CI, Circle CI or Jenkins without grief.
- Runs on Devices: Gain confidence to ship by testing your app on a device/simulator just like a real user (not yet supported on iOS).
- Test Runner Agnostic: Detox provides a set of APIs to use with any test runner without it. It comes with Jest integration out of the box.
Supported React Native Versions
Detox was built from the ground up to support React Native projects.
While Detox should work out of the box with almost any React Native version of the latest minor releases, official support is provided for React Native versions 0.71.x
, 0.72.x
and 0.73.x
without React Native's "New Architecture".
Newer versions, as well as React Native's "New Architecture", may work with Detox, but have not been tested out yet by the Detox team.
Although we do not officially support older React Native versions, we do our best to keep Detox compatible with them.
Also, in case of a problem with an unsupported version of React Native, please submit an issue or write us in our Discord server and we will do our best to help out.
Known Issues with React Native
- Visibility edge-case on Android: see this RN issue.
Get Started with Detox
Read the Getting Started Guide to get Detox running on your app in less than 10 minutes.
Documents Site
Explore further about using Detox from our new website.
Core Principles
We believe that the only way to address the core difficulties with mobile end-to-end testing is by rethinking some of the principles of the entire approach. See what Detox does differently.
Contributing to Detox
Detox has been open-source from the first commit. If you’re interested in helping out with our roadmap, please see issues tagged with the label. If you have encountered a bug or would like to suggest a new feature, please open an issue.
Dive into Detox core by reading the Detox Contribution Guide.
License
- Detox is licensed under the MIT License