开始测试React Native App（下篇）

2023-10-13 14:30:33

一、集成测试

集成测试是介于单元测试和E2E测试之间的测试类型。它可以测试组件之间的交互以及组件与其他模块的交互，而无需涉及实际的UI。在React Native中，集成测试可以使用Enzyme库。

import React from 'react';
import { shallow } from 'enzyme';
import MyComponent from '../MyComponent';

describe('MyComponent', () => {
  it('renders correctly', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper).toMatchSnapshot();
  });

  it('calls onClick prop when clicked', () => {
    const onClick = jest.fn();
    const wrapper = shallow(<MyComponent onClick={onClick} />);
    wrapper.find('button').simulate('click');
    expect(onClick).toHaveBeenCalled();
  });
});

二、E2E测试

E2E测试是针对整个应用进行的测试，包括UI、API和数据库。在React Native中，E2E测试可以使用Nightmare库或Selenium库。

const nightmare = require('nightmare');

describe('My App', () => {
  it('can visit the home page', async () => {
    const browser = new nightmare();
    await browser.goto('http://localhost:3000');
    const title = await browser.title();
    expect(title).toBe('My App');
  });

  it('can login', async () => {
    const browser = new nightmare();
    await browser.goto('http://localhost:3000/login');
    await browser.type('input[name="username"]', 'username');
    await browser.type('input[name="password"]', 'password');
    await browser.click('button[type="submit"]');
    const title = await browser.title();
    expect(title).toBe('My App - Dashboard');
  });
});