Detox: testing E2E en React Native

¿Por qué Detox?

Detox es el framework de testing E2E desarrollado por Wix para React Native. A diferencia de soluciones web como Selenium, Detox está diseñado específicamente para el ciclo de vida de apps móviles. En Deepyze usamos Detox para los flujos críticos de las apps en producción.

Instalación

npm install -D detox jest-circus
detox init

Configuración básica

// .detoxrc.js
module.exports = {
  testRunner: {
    args: { config: 'e2e/jest.config.js' },
    jest: { setupTimeout: 120000 },
  },
  apps: {
    'ios.debug': {
      type: 'ios.app',
      binaryPath: 'ios/build/Build/Products/Debug-iphonesimulator/MiApp.app',
      build: 'xcodebuild -workspace ios/MiApp.xcworkspace -scheme MiApp -configuration Debug ...',
    },
  },
  devices: {
    simulator: {
      type: 'ios.simulator',
      device: { type: 'iPhone 15' },
    },
  },
};

Primer test E2E

describe('Flujo de login', () => {
  beforeAll(async () => {
    await device.launchApp();
  });

  it('debe hacer login correctamente', async () => {
    await element(by.id('input-email')).typeText('usuario@test.com');
    await element(by.id('input-password')).typeText('password123');
    await element(by.id('boton-login')).tap();
    await expect(element(by.id('pantalla-home'))).toBeVisible();
  });
});

Integrar con CI/CD

Detox puede correr en GitHub Actions con emuladores de Android o simuladores de iOS. La configuración es más compleja que Jest unitario, pero el valor es alto: verificás que los flujos críticos funcionen en cada deploy.

¿Querés implementar QA automatizado en tu app? Deepyze configura el setup completo.