Question

我正在使用带有ng-tables的AngularJS 1.2.10，我正在使用jasmine＆amp; amp;写我的第一个结束测试结束业。

问题是当我输入过滤器输入框（由ng-table提供）时，我的测试中的列表不会自动更新，即：它没有在测试中运行过滤器。当我通过浏览器手动测试它时，我确实工作。

这是我的测试

  it "should allow filtering on name", ->
    browser().navigateTo('#/debtors')
    expect(browser().location().path()).toBe("/debtors")
    element(".ng-table-filters > th:nth-child(2) input").val('John')
    sleep(10)
    expect(repeater('.table > tbody tr').count()).toBeGreaterThan(0)
    expect(repeater('.table > tbody tr').row(0)).toContain("John Smith")

这是我的过滤器代码：

<table ng-table="tableParams" show-filter="true" class="table">
  <button ng-click="tableParams.sorting({code: 'asc'})" class="btn btn-default pull-right">Clear sorting</button>
  <button ng-click="tableParams.filter({})" class="btn btn-default pull-right">Clear filter</button>
  <tr class='listing' ng-repeat="debtor in $data">
    <td data-title="'Code'" sortable="'code'" filter="{ 'code': 'text'}">
      {{debtor.code}}
    </td>
    <td data-title="'Name'" sortable="'name'" filter="{ 'name': 'text'}">
      {{debtor.name}}
    </td>
    <td>
      <a href="/api#/clients/{{debtor.id}}">Show</a>
      <a href="/api#/clients/{{debtor.id}}/edit">Edit</a>
      <a href="" ng-confirm-click="destroy(debtor.id)">Delete</a>
    </td>
  </tr>
</table>

在手动测试时，在显示结果之前会有一点暂停，我不必点击任何提交按钮。当我在测试中执行此操作时，虽然似乎ngTable事件未触发。

Answer 1

我开始使用量角器而不是更好的套件AngularJS项目

describe('filter debtor', ->

  beforeEach ->
    helper.login()

  afterEach ->
    helper.logout()

  describe "when person", ->
    it 'shows the client after creation', ->
      browser.get('/api#/clients/new_debtor')
      element(By.id("name")).sendKeys("John")
      element(By.id("surname")).sendKeys("Smith")
      element(By.id("create_btn")).click()

      browser.get('/api#/debtors')
      element.all(By.model("params.filter()[name]")).last().sendKeys("John")
      first=element.all(By.id("listing")).first()
      expect(first.getText()).toContain("John Smith")

AngularJS e2e测试ng-table过滤器

1 个答案: