Синхронная задача последовательности выполнения никогда не завершается

Question

Я почти наверняка поступлю об этом неправильно, так что сначала мои требования высокого уровня.

Я использую angular2-seed и хочу запустить тесты Protractor в автономном режиме с помощью Xvfb. Я не хочу, чтобы сервер 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

Спасибо Людовичу из команды angular2-seed!

Ошибка заключалась в том, что не вызывали функцию runProtractor из класса-оболочки, т.е. export = runProtractor(), Как только это было отмечено, я мог бы затем удалить ненужную функцию-обертку, а также promiseFromChildProcess, что отвлекало.

Последней задачей была просто анонимная функция, которая принимает обратный вызов gulp "done", который вызывается при выходе:

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();
        }
      });
}

Answer 2

Вам нужно добавить функцию обратного вызова в вашу задачу gulp и вызвать функцию cb после того, как все ваши задачи runSequence завершены.

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);
    });
});