1

我尝试使用 karma 创建 e2e 测试，并使用 yeoman 创建 jasmine。在我的karma-e2e.conf.js我添加茉莉花：

files = [
   JASMINE,
   JASMINE_ADAPTER,
   ANGULAR_SCENARIO,
   ANGULAR_SCENARIO_ADAPTER,
   'test/e2e/**/*.js'
];

需要异步测试，所以我需要使用runs，，waits（https://github.com/pivotal/jasmine/wiki/Asynchronous-specs）waitsFor

但如果我尝试使用它：

it('test', function () {
    runs(function () {
        ...
    });
});

场景测试运行器返回：

TypeError: Cannot call method 'runs' of null
    at runs (http://localhost:8080/adapter/lib/jasmine.js:562:32)
    at Object.<anonymous> (http://localhost:8080/base/test/e2e/eduUser.js:42:3)
    at Object.angular.scenario.SpecRunner.run   (http://localhost:8080/adapter/lib/angular-scenario.js:27057:15)
    at Object.run (http://localhost:8080/adapter/lib/angular-scenario.js:10169:18)

我不知道问题出在哪里。你能帮我吗？

4

1 回答 1

8

使用 Karma 的 Angular e2e 测试不会也不能使用JASMINE适配器。取而代之的是，ANGULAR_SCENARIO_ADAPTER这与编写 Jasmine 测试有相似的感觉。

无论如何，适配器API中的所有命令都是异步的。例如element('#nav-items').count()不返回数字，它返回一个Future对象。Future对象被放置在一个队列中，并随着运行器的进行而异步执行。引用API 文档：

期望（未来）。{matcher}：

[...] 所有 API 语句都返回一个future对象，该对象在执行后获得一个分配的值。

如果您需要运行自己的异步测试代码，您可以扩展适配器的 DSL，这比听起来容易。这个想法是你返回你自己的Future，它可以由一个匹配器来评估，比如toBe(). Vojta 的 e2e-tests.js Gist中有一些关于如何执行此操作的示例。只要记住done(null, myRetrunValue);在您的测试代码成功时调用（myRetrunValue是匹配器评估的值）。或者done('Your own error message');，如果您希望测试失败。

更新：针对以下问题。要模拟登录，首先添加一个调用的login函数dsl：

angular.scenario.dsl('login', function() {
  return function(selector) {
    
    // @param {DOMWindow} appWindow The window object of the iframe (the application)
    // @param {jQuery} $document jQuery wrapped document of the application
    // @param {function(error, value)} done Callback that should be called when done
    //                                      (will basically call the next item in the queuue)
    return this.addFutureAction('Logging in', function(appWindow, $document, done) {

      // You can do normal jQuery/jqLite stuff here on $document, just call done() when your asynchronous tasks have completed
      
      // Create some kind of listener to handle when your login is complete
      $document.one('loginComplete', function(e){
        done(null, true);
      }).one('loginError', function(e){
        done('Login error', false);
      });
      
      // Simulate the button click
      var loginButton = $document.find(selector || 'button.login');
      loginButton.click();
    })
  };
});

然后调用：

beforeEach( function()
{
    expect( login('button.login') ).toBeTruthy();
});
于 2013-06-03T12:04:32.157 回答