我如何用 behat 制作一个假签名

测试代码图片 https://i.stack.imgur.com/oaoU2.png / 工作签名图片 https://i.stack.imgur.com/uW7fL.png您好，我正在使用 behat 以及与 mink 集成的 selenium 驱动程序，我正在尝试编写一个输入假签名的测试。我们使用鼠标在屏幕上绘制签名，所以我希望能够让 selenium 为我做这件事。我尝试获取字段的 ID 并使用 DragTo('页面上的另一个元素')，但它只在签名框中单击，不执行任何其他操作。

我使用的框架是 laravel for php。

$field = $this->getSession()->getPage()->findById('ctlSignature);

$field->dragTo('another id on my page');

这是行不通的。

如果我可以让鼠标单击，然后向右移动 10 个像素，然后再次单击，那就完美了，因为我可以用它来绘制签名。

感谢您的回复，但是当我运行此代码时出现错误，

$script = "var c = document.querySelector('#ctlSignature'); var ctx = c.getContext('2d'); ctx.moveTo(20,20); ctx.lineTo(50,50); ctx.stroke()";

$this->getSession()->evaluateScript($script);

发回错误 Unexpected token var。如果我尝试在字符串内使用它会发送另一个错误，指出意外的令牌

解决方案是使用可以通过evaluateScript 或executeScript 执行的javascript。

$this->getSession()->evaluateScript($script);

$script 变量是一个字符串，可以包含如下脚本：

var c = document.querySelector("canvas");
var ctx = c.getContext("2d");
ctx.moveTo(20,20);
ctx.lineTo(50,50);
ctx.stroke();

如果需要，您可以使用变量更改抽奖的值。

在浏览器中进行了测试，因此它可以工作，您需要确保切换到包含画布的 iframe（如果有）。

请参阅以下步骤，使用相同的脚本，但稍微更改为写入文本：

   /**
     * @Then /^signature test$/
     */
    public function signatureTest(){
        $script = 'var c = document.querySelector("canvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "black"; ctx.font = "20px Georgia"; ctx.fillText("automation user",10,90);';
        $this->getSession()->executeScript($script);
    }

确保使用的选择器将选择画布元素类型。

第二个版本，尝试mousedown事件触发。

    /**
     * @Then /^signature test$/
     */
    public function signatureTest(){
        $function = <<<JS
        (function(){
        var c = document.querySelector("canvas");

        event = document.createEvent('MouseEvent');
        event.initEvent('mousedown', true, true);

        var ctx = c.getContext("2d");
        ctx.fillStyle = "black";
        ctx.font = "20px Georgia";
        ctx.fillText("automation user",10,90);

        c.dispatchEvent(event);
        })()
JS;
        $this->getSession()->executeScript($function);
    }