模擬使用Phantomjs和測試程序按鈕點擊茉莉

Question

使用phantomjs-jasmine做一個簡單的測試

//example_spec.js 
describe("Click button", function() { 
    it ("should be become 3", function() { 
     var i = 0; 
     var button_element = $('#button'); 
     console.log(button_element.text()); 
     while(i < 3) { 
      button_element[0].click(); 
     console.log($('#counter').text()); 
     i ++; 
     } 
     console.log($('#counter').text()); 
    expect($('#counter').text()).toEqual('3'); 
    }); 

}); 



//example.js 
var main = function() { 
    var button = document.getElementById('button'); 

    button.addEventListener('click', function(){ 
     var count = document.getElementById('counter'); 
     count.innerText = parseInt(count.innerText) + 1; 
    }); 
} 
window.addEventListener('load', main); 




window.addEventListener('load', main); 

//index.html 
.... 
<p id='counter'>0</p> 
<button id='button'></button> 
.... 

測試結果真是奇怪

hantomjs lib/run_jasmine_test.coffee spec/TestRunner.html 
Starting... 
0 
0 
0 

Click button : should be become 3 
Error: Expected '1' to equal '3'. 

Finished 
----------------- 
1 spec, 1 failure in 0.033s. 

ConsoleReporter finished 

一些事情一定是錯在我的代碼，任何想法？

---

//example-updated-jquery-version.js

var main = function() { 
    var button = $('#button'); 

    $('#button').on('click', function(){ 
     $('#counter').text(parseInt($('#counter').text()) + 1); 
    }) 

} 

Answer 1

你肯定innerText()由PhantomJS支持？ 如果您在Mozilla上嘗試使用相同的代碼段，則無法使用，因爲您預計會使用textContent()。請使用jQuery's text() method instead，它是跨瀏覽器的。

更新：innerText（）是IE特定的方法，因此您必須使用textContent。有關進一步參考，請參閱this MDN's page。