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

（它们是基本的水豚探测器和说明书） 这对我有用。它可能适用于您，也可能不适合您，因为您有一个不同的签名系统，因为您希望看到真实签名，但这可以帮助某人。