如何使用javascript繪製簽名（點擊，按住並移動鼠標）？

Question

我正在爲rails應用程序的前端部分編寫測試。 我使用硒和水豚來測試一些前端功能。

現在我需要在html頁面上測試在線簽名。所以，我有和.signature css類的元素。我知道我可以在測試運行期間運行在瀏覽器的JavaScript：

page.evaluate_script "some js code goes here" 

問： 我怎麼能做到這一點的東西用純JavaScript或jQuery的：

1. 計算尺寸.signature元素
的
2. 然後將鼠標移動到此元素中
3. 然後繪製一個簽名（然後單擊並按住鼠標按鈕並在元素邊框內移動鼠標）

謝謝！

Answer 1

，我發現自己在您的情況和遇到你的問題:)

我不知道你想有多深測試。在我的情況下，我使用這個插件：signature_pad

當用戶還沒有簽名時，我有一個默認文本框，然後當他簽署我顯示刪除簽名的選項。因此，我檢查這些文本以瞭解是否有簽名。

我可以點擊簽名板，應用程序識別出點擊！

find('#signature-box').click 
find('#signature-box').click 
find('#signature-box').click 

（它們是基本的水豚發現者和說明） 這爲我工作。它可能會或可能不會爲你工作，因爲你有一個不同的簽名系統，因爲你想看到一個真實簽名，但這可以幫助某人。