如何让Behat等待Angular Ajax调用？

Question

我有一个基本上可以添加和删除列的表格的报告页面。当你添加一列时，该列的数据被取出并使用角度加载ajax。

考虑这个贝哈特场景：

Given I have a user named "Dillinger Four" 
And I am on "/reports" 
When I add the "User's Name" column 
Then I should see "Dillinger Four" 

我怎样才能让贝哈特等到角的Ajax调用完成？我想避免使用睡眠，因为睡眠会增加不必要的延迟，并且如果通话时间过长，将会失败。

我用下面的等待jQuery代码：

$this->getSession()->wait($duration, '(0 === jQuery.active)'); 

我还没有发现类似的值，以检查具有角。

Answer 1

上面的链接很有帮助，只是为了展开它，并节省一些时间。

/** 
* @Then /^I should see "([^"]*)" if I wait "([^"]*)"$/ 
*/ 
public function iShouldSeeIfIWait($text, $time) 
{ 
    $this->spin(function($context) use ($text) { 
     $this->assertPageContainsText($text); 
     return true; 
    }, intval($time)); 
} 


/** 
* Special function to wait until angular has rendered the page fully, it will keep trying until either 
* the condition is meet or the time runs out. 
* 
* @param function $lambda A anonymous function 
* @param integer $wait Wait this length of time 
*/ 
public function spin ($lambda, $wait = 60) 
{ 
    for ($i = 0; $i < $wait; $i++) 
    { 
     try { 
      if ($lambda($this)) { 
       return true; 
      } 
     } catch (Exception $e) { 
      // do nothing 
     } 

     sleep(1); 
    } 

    $backtrace = debug_backtrace(); 

    throw new Exception(
     "Timeout thrown by " . $backtrace[1]['class'] . "::" . $backtrace[1]['function'] . "()\n" . 
     $backtrace[1]['file'] . ", line " . $backtrace[1]['line'] 
    ); 
} 

然后在您的场景中使用：

然后，我应该看到“的东西在页面上。”如果我等待“5”

Answer 2

可以使用代码从角的Protractor库等待装载。在这里你可以找到一个函数waitForAngular（）。它只是等待一个client-side function同名 这里是工作的PHP代码。

class WebContext implements Context 
{ 
    /** 
    * @Then the list of products should be: 
    */ 
    public function theListOfProductsShouldBe(TableNode $table) 
    { 
     $this->waitForAngular(); 
     // ... 
    } 

    private function waitForAngular() 
    { 
     // Wait for angular to load 
     $this->getSession()->wait(1000, "typeof angular != 'undefined'"); 
     // Wait for angular to be testable 
     $this->getPage()->evaluateScript(
      'angular.getTestability(document.body).whenStable(function() { 
       window.__testable = true; 
      })' 
     ); 
     $this->getSession()->wait(1000, 'window.__testable == true'); 
    } 
}