转载

如何覆盖 React Native 功能测试

使用 Macaca 做前端组件测试一篇已经介绍了如何在浏览器运行时测试。本篇介绍如何对 Native 的渲染进行测试，覆盖 React Native 的功能测试等同于覆盖 Native 的测试，需要 iOS, Android 的系统运行时环境。此类端对端测试使用Macaca的Native配置即可。

示例

本示例以 React 组件 autoresponsive-react 为例说明，对 UI 功能进行一些操作，配合截图等方式辅助校验。

describe('base', function() {   this.timeout(5 * 60 * 1000);    var driver = wd.initPromiseChain();    driver.configureHttp({     timeout: 300 * 60 * 1000   });    before(function() {     return driver       .initDriver();   });    after(function() {     return driver       .sleep(1000)       .quit();   });    it('#1 login picture should be the same.', function() {     return driver       .sleep(40 * 1000)       .waitForElementByName('autoresponsive')       .takeScreenshot()       .then(imgData => {         var newImg = new Buffer(imgData, 'base64');         var screenshotFolder = path.resolve(__dirname, '../screenshot');         var oldImgPath = path.join(screenshotFolder, process.env.platform === 'android' ? 'android.png' : 'ios.png');         var diffImgPath = path.join(screenshotFolder, process.env.platform === 'android' ? 'android-diff.png' : 'ios-diff.png');         return diffImage(oldImgPath, newImg, 0.3, diffImgPath);       })       .then(result => {         result.should.be.true();       })       .catch(e => {         console.log(e);       });   }); });

如何配置 Native-CI

如何覆盖 React Native 功能测试