Question

我几乎肯定会以错误的方式解决这个问题，所以首先提出我的高级要求。

我正在使用angular2-seed并希望使用Xvfb以无头模式运行Protractor测试。我不希望Xvfb服务器一直在运行（这是一个构建服务器），所以我想启动一个Xvfb服务，让Protractor做它的事情，然后“优雅地”关闭Xvfb。孤立地说，这些任务工作正常，但是当我们将它们添加到gulp构建设置中时，我已经碰壁了。

这是gulpfile中的任务：

gulp.task('e2e.headless', (done: any) =>
  runSequence('start.xvfb',
              'protractor',
              'stop.xvfb',
              done));

任务本身通过各个打字稿任务文件加载，即：

import {runProtractor} from '../../utils';

export = runProtractor

以下是我的（最新）实用程序文件。

protractor.ts

import * as util from 'gulp-util';
import {normalize, join} from 'path';
import {ChildProcess} from 'child_process';

function reportError(message: string) {
  console.error(require('chalk').white.bgRed.bold(message));
  process.exit(1);
}

function promiseFromChildProcess(child: ChildProcess) {
  return new Promise(function (resolve: () => void, reject: () => void) {
    child.on('close', (code: any) => {
      util.log('Exited with code: ', code);
      resolve();
    });
    child.stdout.on('data', (data: any) => {
      util.log(`stdout: ${data}`);
    });

    child.stderr.on('data', (data: any) => {
      util.log(`stderr: ${data}`);
      reject();
    });
  });
}

export function runProtractor(): (done: () => void) => void {
  return done => {
    const root = normalize(join(__dirname, '..', '..', '..'));
    const exec = require('child_process').exec;

    // Our Xvfb instance is running on :99
    // TODO: Pass this in instead of hard-coding
    process.env.DISPLAY=':99';
    util.log('cwd:', root);

    let child = exec('protractor', { cwd: root, env: process.env},
      function (error: Error, stdout: NodeBuffer, stderr: NodeBuffer) {
        if (error !== null) {
          reportError('Protractor error: ' + error + stderr);
        }
      });
    promiseFromChildProcess(child).then(() => done());
  };
}

xvfb_tools.ts

import * as util from 'gulp-util';

const exec = require('child_process').exec;

function reportError(message: string) {
  console.error(require('chalk').white.bgRed.bold(message));
  process.exit(1);
}

export function stopXvfb() {
    return exec('pkill -c -n Xvfb',
        function (error: NodeJS.ErrnoException, stdout: NodeBuffer, stderr: NodeBuffer) {
            if (error !== null) {
                reportError('Failed to kill Xvfb.  Not really sure why...');
            } else if (stdout.toString() === '0') {
                reportError('No known Xvfb instance.  Is it running?');
            } else {
                util.log('Xvfb terminated');
            }
        });
}

export function startXvfb() {
    return exec('Xvfb :99 -ac -screen 0 1600x1200x24',
        function (error: NodeJS.ErrnoException, stdout: NodeBuffer, stderr: NodeBuffer) {
            if (error !== null && error.code !== null) {
                reportError('Xvfb failed to start.  Err: ' + error.code + ', ' + error + ', ' + stderr);
            }
        });
}

我觉得好像我可能会在我的exec child_process创建一个承诺，但是早期的代码交互没有这样做，所以... 请注意，应该在显示根目录的runProtractor()中输出的调试日志记录永远不会被调用，所以我很确定这里有一个异步问题。以下是任务的输出：

[00:47:49] Starting 'e2e.headless'...
[00:47:49] Starting 'start.xvfb'...
[00:47:49] Finished 'start.xvfb' after 12 ms
[00:47:49] Starting 'protractor'...
[00:47:49] Finished 'protractor' after 5.74 ms
[00:47:49] Starting 'stop.xvfb'...
[00:47:49] Finished 'stop.xvfb' after 11 ms
[00:47:49] Finished 'e2e.headless' after 38 ms
[00:47:49] Xvfb terminated

有人可以让我直截了当/把我推向正确的方向吗？

Answer 1

您需要在gulp任务中添加一个回调函数，并在所有runSequence任务完成后调用cb（回调）函数。

gulp.task('e2e.headless', (cb) =>
runSequence('start.xvfb',
    'protractor',
    'stop.xvfb',
     (err) => {
        if (err) {
            console.log(err.message);
        } else {
            console.log("Build finished successfully");
        }
        cb(err);
    });
});

Answer 2

感谢angular2-seed团队的Ludovic！

错误在于没有从包装类调用runProtractor函数，即export = runProtractor()。一旦注意到这一点，我就可以删除不必要的包装函数以及promiseFromChildProcess，这会分散注意力。

最后一项任务只是一个匿名函数，可以进行gulp回调＆＃34;完成＆＃34;在退出时调用：

function reportError(message: string) {
  console.error(require('chalk').white.bgRed.bold(message));
  process.exit(1);
}

export = (done: any) => {
    const root = normalize(join(__dirname, '..', '..', '..'));
    const exec = require('child_process').exec;

    process.env.DISPLAY=':99';
    util.log('cwd:', root);

    exec('protractor', { cwd: root, env: process.env},
      function (error: Error, stdout: NodeBuffer, stderr: NodeBuffer) {
        if (error !== null) {
          reportError('Protractor error: ' + error + stderr);
        } else {
          done();
        }
      });
}

运行顺序同步任务永远不会完成

2 个答案: