angularjs - 带有 phantomjs 的 Protractor 永远挂起

Question

这是我的配置文件:

exports.config = { 
   seleniumServerJar: './selenium-server-standalone-2.43.1.jar', 
  "capabilities": { 
    "browserName": "phantomjs"   
 }, 
 specs: [ 
        "test.js" 
    ], 
    jasmineNodeOpts: { 
        isVerbose: false, 
        showColors: true, 
        includeStackTrace: true 
    }, 
};

这是调用的 test.js 。它反对 ng-europe社区站点，因此希望的每个人都可以运行它。我选择它来学习 Protractor ，因为它是用 Angular 编写的:

describe('test ng-europe', function() { 

        beforeEach(function() { 
                browser.get('http://ngeurope.org'); 
        }); 

         it('should have a title', function() { 
                expect(browser.getTitle()).toContain('ng-europe'); 
                element.all(by.repeater('avatar in talk.avatars')).count().then(function(count) { 
                        console.log(count); 
                }); 
        }); 

        it('search something', function() { 
                var search_=element(by.model('speakerq')); 
                var speakers_=element.all(by.repeater('speaker in config.speakers').column('name')); 
                var speakers = $$('div.speaker.col-xs-12.col-sm-4.text-center.ng-scope img.img-responsive.img-thumbnail.img-circle.avatar');
                search_.sendKeys('igor'); 
                expect(speakers.count()).toBe(1); 
                console.log("speakers count" + speakers.count()); 
        }); 

        it('search something else', function() { 
                var search_=element(by.model('talksq')); 
                var talkers = $$('ul.list-unstyled li.ng-scope.ng-binding span.speakers-names.ng-binding'); 
                search_.sendKeys('with'); 
                expect(talkers.count()).toBe(8); 
                console.log("talkers count" + talkers.count()); 
        }); 

        it('click on jobs', function() { 
                var jobs_button=element(by.linkText('Jobs')); 
                jobs_button.click(); 
                var sponsors=$$('div.col-md-4 img.sponsor-logo.gold-sponsor') 
                expect(sponsors.count()).toBe(4);        
        }); 
});

我是这样调用它的:

>protractor conf.js

selenium 驱动程序在同一目录 Node 中，%appdata%\npm 在路径中，安装并更新了 phantomjs。如果我将驱动程序设置为 chrome 或 firefox 但使用 phantomjs 脚本会永远挂起，什么也没有发生。没有错误显示，什么也没有。就是这样:

Starting selenium standalone server... 
[launcher] Running 1 instances of WebDriver 
Selenium standalone server started at http://XX.XX.XXX.XX:60324/wd/hub

我错过了什么？

Answer 1

至少，我设法让它运行测试:

• phantomjs 1.9.7
• Protractor 2.0.0

但是，现在它在成功通过第一个 it() block 后立即抛出以下错误消息:

Error: Failed: Error communicating with the remote browser. It may have died.

这是我使用的配置(应用了几个 phantomjs 助手“技巧”):

exports.config = {
    seleniumArgs: ['-browserTimeout=60'],

    "capabilities": {
        "browserName": "phantomjs",
        'phantomjs.cli.args': [
            '--ignore-ssl-errors=true',  
            '--web-security=false'
        ]
    },

    specs: [
        "test.js"
    ],

    framework: "jasmine2",

    allScriptsTimeout: 20000,

    onPrepare: function () {
        browser.driver.manage().window().maximize();
    },

    jasmineNodeOpts: {
        showColors: true,
        isVerbose: true,
        includeStackTrace: true,

        defaultTimeoutInterval: 25000
    }
};

有很多人问如何解决这样的错误:

• > PhantomJS sometimes crashes
• > https://gist.github.com/tfnico/8471223

有不同的解决方法建议，但对我和其他人都不起作用。

这引出了答案的要点:为什么首先是 phantomjs？

如 protractor developers 所述:

We recommend against using PhantomJS for tests with Protractor. There are many reported issues with PhantomJS crashing and behaving differently from real browsers.

扩展点。

如果使用 protractor 的主要目的是端到端测试，那么您绝对应该重新考虑您的浏览器选择。端到端测试应该模仿您的应用程序的真实用户，我敢肯定，他不会使用 phantomjs 来浏览您的网站。

如果选择 phantomjs 的原因是没有真实显示，您可以借助 xvfb 使用虚拟显示(参见更多 here )或运行你在远程 selenium 服务器上的测试，可以是你自己的，也可以是 BrowserStack 提供的或 Sauce Labs .