Maestro vs Detox Comparison

# Maestro - Login flow + assertion (YAML)
appId: com.example.myapp
---
- launchApp
- tapOn:
    id: "email_input"
- inputText: "[email protected]"
- tapOn:
    id: "password_input"
- inputText: "SuperSecret123"
- tapOn:
    text: "Sign In"
- extendedWaitUntil:
    visible:
      text: "Welcome back"
    timeout: 10000
- takeScreenshot: login-success

# Maestro - Finding a Semantics-based element in a Flutter app
appId: com.example.flutterapp
---
- launchApp
- tapOn:
    text: "Get Started"
- assertVisible:
    id: "onboarding_complete_badge"

# Maestro - Conditional logic with JS (evalScript escape hatch)
appId: com.example.myapp
---
- launchApp
- copyTextFrom:
    id: "plan_badge"
- evalScript: ${output.isPremium = maestro.copiedText === "PREMIUM"}
- runFlow:
    when:
      true: ${output.isPremium}
    file: premium-onboarding.yaml

// Detox - Login flow + assertion (Jest, JS/TS)
describe('Login flow', () => {
  beforeAll(async () => {
    await device.launchApp();
  });

  beforeEach(async () => {
    await device.reloadReactNative();
  });

  it('should sign in and show welcome message', async () => {
    await element(by.id('email_input')).typeText('[email protected]');
    await element(by.id('password_input')).typeText('SuperSecret123');
    await element(by.text('Sign In')).tap();

    await waitFor(element(by.text('Welcome back')))
      .toBeVisible()
      .withTimeout(10000);
  });

  it('should show error on invalid credentials', async () => {
    await element(by.id('email_input')).typeText('[email protected]');
    await element(by.id('password_input')).typeText('wrongpass');
    await element(by.text('Sign In')).tap();

    await expect(element(by.text('Invalid email or password'))).toBeVisible();
  });
});

// Detox - Example of whitelisting/disabling sync on a screen with sync issues
it('should handle screen with continuous animation', async () => {
  await device.disableSynchronization();
  await element(by.id('animated_banner')).tap();
  await device.enableSynchronization();
});