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

(它们是基本的 capybara 探测器和说明) 这对我有用。它可能适合你，也可能不适合你，因为你有不同的签名系统，因为你想看到一个真实签名，但这可以帮助某人。