Question

我正在尝试测试用户界面的一个特定元素。为此，我需要向后端发出特定请求以响应预定义数据，但所有其他请求都应该通过。这是我的方式（咖啡更易读）：

describe 'select2 combobox widget', ()->
  httpBackendMock = () ->
     angular.module 'httpBackendMock', ['ngMockE2E', 'fmAppApp']
        .run ($httpBackend)->
            dummyCategories = [
               {id: 1, name: 'foo', icon: '', user_id: 5},
               {id: 2, name: 'bar', icon: '', user_id: 5},
               {id: 3, name: 'baz', icon: '', user_id: 5},
               {id: 4, name: 'quax', icon: '', user_id: 5}
            ]

            $httpBackend.whenGET '/api/categories'
                .respond ()->
                    [200, dummyCategories]
            $httpBackend.whenGET /.*/
                .passThrough()
            $httpBackend.whenGET /^\/views\//
                .passThrough()
            $httpBackend.whenGET /^\/scripts\/.*/
                .passThrough()
            $httpBackend.whenGET /^\/scripts\//
                .passThrough()
            $httpBackend.whenGET /^\/bower_components\//
                .passThrough()
            $httpBackend.whenGET(/\.html$/).passThrough()

  browser
     .addMockModule 'httpBackendMock', httpBackendMock

所以基本上我在这里做的是在我的应用程序模块fmAppApp和angular ngMockE2E之上创建新模块，并告诉Protractor。

为了完整起见，我将在此describe块中显示一条简单的声明：

it 'should allow user to type in anything', ()->
    browser.get 'http://localhost:9000/#/'
    element By.model 'category.selected'
        .click()
    input = element By.css '.ui-select-search'
    input.sendKeys 'newtestcategory'
    expect input.getAttribute('value')
        .toBe 'newtestcategory'

当我运行grunt量角器时，它会打开浏览器，按原样导航到指定的URL（http://localhost:9000/#/），然后我看到空白页面和规范失败并出现此错误： NoSuchElementError: No element found using locator: by.model("category.selected")

不幸的是，这个消息是我所拥有的，因为我无法打开萤火虫，看看出于明显原因出了什么问题。我想我可以某种方式从浏览器控制台重定向日志记录，看看这里的邪恶根源，但我不知道如何。也许有人遇到过那个并且知道它可能是什么？更新：我按照Cétia的建议做了，我在日志中收到了这条消息：

message: 'http://localhost:9000/bower_components/angular/angular.js 11607:24 Error: Unexpected request: POST /api/login

现在为什么？我应该将'api / login'添加到passThrough（）吗？

Answer 1

为确保您的模拟已加载，您可以在里面添加console.log，并在量角器测试中添加：

browser.manage().logs().get('browser').then(function(browserLog) {
    console.log('log: ' + require('util').inspect(browserLog));
});

为了在量角器控制台中输出浏览器日志（在browser.get之后）。

Answer 2

似乎我没有提供足够的信息。我遗漏了一些我认为无意义的代码，意图不要压倒你，但事实证明这是一个绊脚石。

browser.get 'http://localhost:9000/#/'
element By.model 'email'
  .sendKeys 'dima@mail'
element By.model 'password'
  .sendKeys '123456'
element By.cssContainingText 'form[name=login] button', 'Войти'
  .click()

此代码负责记录用户，我需要它，因为未经授权的用户不能看到我想测试的视图。我以为我确保所有请求都能通过，但我当然忘记了我的登录请求是 POST 请求。所以只需添加

即可解决问题

$httpBackend.whenPOST /.*/
      .passThrough()

当我模拟后端时，视图不会加载

2 个答案: