如何绘制签名(点击，保持和移动鼠标)使用javascript

How draw signature (click, hold and move mouse) using javascript?

本文关键字：移动 鼠标 javascript 使用 点击 何绘制 绘制      更新时间：2023-09-26

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

现在我需要在html页面上测试在线签名。所以，我有一个元素与.signature css类。我知道我可以在浏览器中运行javascript，当测试正在运行:

page.evaluate_script "some js code goes here"

问题:我如何用纯javascript或jQuery做这些事情:

  1. 计算.signature元素尺寸
  2. 然后将鼠标移动到该元素
  3. 然后绘制签名(然后按住鼠标并将鼠标移动到元素边界内)

谢谢!

我发现自己处于你的处境，遇到了你的问题。

我不知道你想测试多深。在我的情况下，我使用这个插件:signature_pad

当用户尚未签名时，我有一个带有默认文本的框，然后当他签名时，我显示删除签名的选项。所以我检查这些文本，看看是否有签名。

我可以点击签名板和应用程序识别点击!

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

(他们是基本的水豚发现者和说明)这对我很有效。它可能适合你，也可能不适合你，因为你有一个不同的签名系统，因为你想看到一个真实的签名，但这可以帮助别人。

相关文章：