Maestro vs Detox 对比

# Maestro - 登录流程 + 断言（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 - 在 Flutter 应用中基于 Semantics 查找元素
appId: com.example.flutterapp
---
- launchApp
- tapOn:
    text: "Get Started"
- assertVisible:
    id: "onboarding_complete_badge"

# Maestro - 使用 JS 实现条件逻辑（evalScript 逃生出口）
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 - 登录流程 + 断言（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 - 在同步存在问题的界面上使用 whitelist/disable 示例
it('should handle screen with continuous animation', async () => {
  await device.disableSynchronization();
  await element(by.id('animated_banner')).tap();
  await device.enableSynchronization();
});