Phantomjs로 AngularJS 테스트하기

Question

PhantomJS로 AngularJS 튜토리얼 (http://angular.github.io/angular-phonecat/step-7/app)을 테스트하려고합니다. 실제로 검색을 입력 할 수 없습니다.

var page = new WebPage(); 
page.open('http://angular.github.io/angular-phonecat/step-7/app', function() { 
    page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function() { 
    page.evaluate(function() { 
     $("[ng-model=query]").click(); 
     $("[ng-model=query]").focus(); 
     $("[ng-model=query]").val("xoom"); 
     console.log($('ul.phones').text()); 
    }); 
    phantom.exit() 
    }); 
}); 

Answer 1

바인딩 직접 입력 값을 변경할 때 작동하지 않는 것 : 여기

는 지금까지에서 나는 것입니다. PhantomJS의 기본 입력 방법 sendEvent을 사용해야합니다.

page.open('http://angular.github.io/angular-phonecat/step-7/app', function() { 
    page.evaluate(function() { 
     document.querySelector('[ng-model=query]').focus(); 
    }); 
    page.sendEvent("keypress", "xoom"); 
    page.evaluate(function() { 
     console.log(document.querySelectorAll('ul.phones li').length + " products"); 
    }); 
    phantom.exit(); 
});