PhantomJS가 기존 요소를 클릭 할 수 없습니다.

Question

Windows 8.1에서 PhantomJS 1.9.7을 사용하고 사용자 이름과 암호를 입력 한 후 로그인 버튼을 클릭하겠습니다. 나는 사용자 이름과 패스워드를 쓸 수는 있지만 PhantomJS가 버튼을 클릭하기를 원할 때, 요소를 찾을 수는 있지만 그것을 클릭 할 수는 없다. 이전 게시물에서 이벤트를 만들고 "dispatchEvent"를 사용해야 함을 발견했습니다. 나는 그랬지만 다음과 같은 오류가 발생했다.

TypeError: 'undefined' is not a function (evaluating 'elm.dispatchEvent(event)')

나는 또한 EventListener로부터 도움을 얻으려고했지만 그와 같은 오류가있다.

요소를 어떻게 클릭 할 수 있습니까?

var page = require('webpage').create(); 

page.open('URL', function() { 
    var submitButton = enterUserAndPassAndLogin();  
    click(submitButton); 
    phantom.exit(); 
}); 

function enterUserAndPassAndLogin() { 
    var element = page.evaluate(function() { 
     document.querySelector('input[name="username"]').value = "*******"; 
     document.querySelector('input[name="password"]').value = "*******"; 
     return document.getElementsByTagName("Button"); 
    }); 
    return element; 
} 

function click(elm) { 
    var event = document.createEvent("MouseEvent"); 
    event.initMouseEvent("click", true, true, window, 
     0, 0, 0, 0, 0, false, false, false, false, 0, null); 
    elm.dispatchEvent(event); 
} 

Answer 1

간단히 jQuery를 연결하고 페이지가 비동기 포스트를 사용하는 경우, 페이지로드 이벤트가 트리거되지 않습니다,

$(selector).trigger('click'); 

주의 할, 그러나 그것은 "로드"당신은 기다려야 응답을 위해.

아마 몇 초 정도 기다리면 간단히 비동기 게시물이 돌아 오기에 충분할 것입니다.

Answer 2

코드에 두 가지 문제점이 있습니다. 첫 번째 DOM 요소는 페이지 컨텍스트 (page.evaluate) 외부에서 전달 될 수 없습니다. docs에서 해당 라인은 :

Note: The arguments and the return value to the evaluate function must be a simple primitive object. The rule of thumb: if it can be serialized via JSON, then it is fine.

Closures, functions, DOM nodes, etc. will not work!

그래서 submitButton는 [null]입니다. 배열이 반환되기 때문에 오류 메시지는 실제 문제를 표시하지 않습니다. DOM 요소를 외부로 전달할 수 없기 때문에 클릭은 page.evaluate 내부에서 발생해야합니다.

page.evaluate은 샌드 박스이므로 페이지 구조 내에서 click 함수를 정의해야합니다. 외부의 변수 및 기능에 직접 액세스 할 수 없습니다.

var page = require('webpage').create(); 

page.open('URL', function() { 
    enterUserAndPassAndLogin(); 
    setTimeout(function(){ 
     // wait a little to maybe see the click result 
     phantom.exit(); 
    }, 1000); 
}); 

function enterUserAndPassAndLogin() { 
    page.evaluate(function() { 
     function click(elm) { 
      var event = document.createEvent("MouseEvent"); 
      event.initMouseEvent("click", true, true, window, 
       0, 0, 0, 0, 0, false, false, false, false, 0, null); 
      elm.dispatchEvent(event); 
     } 
     document.querySelector('input[name="username"]').value = "*******"; 
     document.querySelector('input[name="password"]').value = "*******"; 
     click(document.getElementsByTagName("Button")[0]); 
    }); 
}