测试与发布

这一课你将能做到

1. 用 jest-expo 和 @testing-library/react-native 给工具函数与组件写基础测试
2. 用 EAS Build 在云端打出 iOS / Android 安装包，走通 TestFlight 内测与商店上架
3. 理解 OTA 热更新的边界与 runtimeVersion 管理，安全地推送线上修复

为什么要学

代码写完到用户手里，中间隔着「测试 → 构建 → 上架 → 更新」四道关。原生时代每道关都要配 Xcode、证书、签名、开发者账号，劝退无数前端工程师。Expo 的 EAS（Expo Application Services）把它们全部云化——从代码到安装包一键出，没有 Mac 也能上架 iOS。这是 Expo 对初学者最大的善意。

测试同样如此。很多人写 App 靠「自己点一遍」，但 20 个功能 × 5 种状态 × 2 个平台 = 200 种组合，手动点不过来。Jest 单元测试加 Testing Library 的组件交互测试，把回归成本降到零。

人话：EAS Build 就像云打印店——你把源码（电子稿）发给它，它在云端用 Mac 机器帮你出 iOS 安装包（你本地连 Mac 都没有也行），印好了给你取件码（下载链接）。而 OTA 热更新则是「云打印店还能帮你换页眉」——只改 JS 文案或逻辑，不用重新出书（商店审核），用户下次打开自动生效。

先建立图像

从代码到用户的完整发布路线图：

本地开发完成
  ↓
Jest 测试通过（工具函数 + 核心组件交互）
  ↓
eas build --profile preview（出可内测包）
  → Android：直接给同事装 APK / 二维码
  → iOS：TestFlight 邀请内测邮箱
    ↓
内测没问题
  ↓
eas build --profile production（出商店包）
  → 手动上传到 App Store Connect / Google Play Console
  → 或 eas submit 自动提交
    ↓
审核通过，用户下载
    ↓
日常修 bug / 改文案：eas update --branch production（OTA，免审核）

跟着做

步骤 1：Jest 测试环境

Expo 项目自带 jest-expo 预设，装一下就能跑：

npx expo install jest-expo jest --dev

package.json 加脚本和预设：

{
  "scripts": {
    "test": "jest",
    "test:watch": "jest --watch"
  },
  "jest": {
    "preset": "jest-expo"
  }
}

然后 npm test 就能跑。jest-expo 预设帮你处理好了 RN 组件的 mock（AsyncStorage、相机模块等），不需要额外配置。

步骤 2：写第一个工具函数测试

// utils/format.js
export const formatPrice = (cents) => {
  if (typeof cents !== 'number' || cents < 0) return '¥0.00';
  return `¥${(cents / 100).toFixed(2)}`;
};

export const truncate = (str, len = 20) => {
  if (!str || str.length <= len) return str;
  return str.slice(0, len) + '...';
};

// utils/__tests__/format.test.js
import { formatPrice, truncate } from '../format';

describe('formatPrice', () => {
  test('正常价格', () => {
    expect(formatPrice(999)).toBe('¥9.99');
    expect(formatPrice(0)).toBe('¥0.00');
    expect(formatPrice(123456)).toBe('¥1234.56');
  });

  test('边界值', () => {
    expect(formatPrice(-1)).toBe('¥0.00');
    expect(formatPrice(null)).toBe('¥0.00');
    expect(formatPrice('abc')).toBe('¥0.00');
  });
});

describe('truncate', () => {
  test('短字符串不截断', () => {
    expect(truncate('你好')).toBe('你好');
  });

  test('长字符串截断加省略号', () => {
    expect(truncate('这是一段非常长的文字内容', 8)).toBe('这是一段非常长的...');
  });
});