如何使用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 

（它们是基本的水豚发现者和说明） 这为我工作。它可能会或可能不会为你工作，因为你有一个不同的签名系统，因为你想看到一个真实签名，但这可以帮助某人。