如何使用javascript绘制签名（单击、按住和移动鼠标）？

Question

我正在为 Rails 应用程序的前端部分编写测试。 我使用 selenium 和 capybara 来测试一些前端功能。

现在我需要在 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

（它们是基本的水豚发现者和说明） 这对我有用。它可能适合您，也可能不适合您，因为您有不同的签名系统，因为您想看到一个真实签名，但这可能对某人有所帮助。