在TFS构建中运行Protractor端到端测试

Question

我应该如何配置我的TFS构建，以便在browserstack中运行protractor e2e测试，并返回一些HTML报告，其中包含失败的测试？我是TFS的新手。我可以从我的机器手动执行它，但不确定我是否可以在TFS中执行它。 这是我的protractor配置:

var project = 'testProject',
build = 'build_4',
acceptSslCerts = 'true';

var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');

var reporter = new HtmlScreenshotReporter({
dest: './html-report/',
filename: 'my-report.html',
reportOnlyFailedSpecs: false,
captureOnlyFailedSpecs: true,
showSummary: true,    
});

module.exports.config = {
framework: 'jasmine2',
seleniumAddress: 'http://hub.browserstack.com/wd/hub', /*  'http://localhost:4444/wd/hub', */
allScriptsTimeout: 40000,
specs: [    'test-spec.js'    ],
 capabilities: {
     browserName: 'chrome',
     loggingPrefs: { driver: 'ALL', server: 'ALL', browser: 'ALL' },
     'build' : 'version3',
     'project' : 'newintropage',
     'browserstack.user': 'browserstack.user',
     'browserstack.key': 'browserstack.key',        
     'browser': 'Edge',
     'browser_version': '13.0',
     'os': 'Windows',
     'os_version': '10',
     'resolution': '1024x768',

     'acceptSslCerts': acceptSslCerts
 },    
jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 40000
},
// Setup the report before any tests start
beforeLaunch: function () {
    return new Promise(function (resolve) {
        reporter.beforeLaunch(resolve);
    });
},
onPrepare: function () {       
    jasmine.getEnv().addReporter(reporter);
},
// Close the report after all tests finish
afterLaunch: function (exitCode) {
    return new Promise(function (resolve) {
        reporter.afterLaunch(resolve.bind(this, exitCode));
    });
}
};

这就是我的TFS构建的样子：

- odpro

Answer 1

根据截图，您正在使用vNext构建，并选择了默认的“Visual Studio”构建模板。

TFS vNext构建系统是基于任务的，非常灵活。我不熟悉protractor e2e测试，但根据Protractor的描述，至少您需要使用npm安装两个命令行工具：protractor和webdriver-manager，因此默认的“Visual Studio”构建模板不能满足您的要求。

您需要通过指定您的构建步骤来自定义您自己的构建模板。例如，您需要添加npm步骤来安装protractor和webdriver-manager，并添加Command Line步骤来运行protractor conf.js命令。

- Cece Dong - MSFT