title: AngularJS e2e testing ng-table filter
body: <p>I'm using AngularJS 1.2.10 with ng-tables and I'm writing my first end to end tests using jasmine &amp; karma.</p>
  
  <p>The problem is when I type in a filter input box (provided by ng-table) the listing in my tests is not automatically updated, ie: it's not running the filter in tests. I does work when I manually test it through a browser though.</p>
  
  <p>Here is my test</p>
  
  <pre><code>  it "should allow filtering on name", -&gt;
      browser().navigateTo('#/debtors')
      expect(browser().location().path()).toBe("/debtors")
      element(".ng-table-filters &gt; th:nth-child(2) input").val('John')
      sleep(10)
      expect(repeater('.table &gt; tbody tr').count()).toBeGreaterThan(0)
      expect(repeater('.table &gt; tbody tr').row(0)).toContain("John Smith")
  </code></pre>
  
  <p>Here is my filter code:</p>
  
  <pre><code>&lt;table ng-table="tableParams" show-filter="true" class="table"&gt;
    &lt;button ng-click="tableParams.sorting({code: 'asc'})" class="btn btn-default pull-right"&gt;Clear sorting&lt;/button&gt;
    &lt;button ng-click="tableParams.filter({})" class="btn btn-default pull-right"&gt;Clear filter&lt;/button&gt;
    &lt;tr class='listing' ng-repeat="debtor in $data"&gt;
      &lt;td data-title="'Code'" sortable="'code'" filter="{ 'code': 'text'}"&gt;
        {{debtor.code}}
      &lt;/td&gt;
      &lt;td data-title="'Name'" sortable="'name'" filter="{ 'name': 'text'}"&gt;
        {{debtor.name}}
      &lt;/td&gt;
      &lt;td&gt;
        &lt;a href="/api#/clients/{{debtor.id}}"&gt;Show&lt;/a&gt;
        &lt;a href="/api#/clients/{{debtor.id}}/edit"&gt;Edit&lt;/a&gt;
        &lt;a href="" ng-confirm-click="destroy(debtor.id)"&gt;Delete&lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>When testing it manually there is a slight pause before the results are displayed, I don't have to hit any submit buttons. When I do this in tests though it seems like the ngTable event is not firing.</p>