Laravel Dusk 在 Canvas 元素上绘制答案

【问题标题】：Laravel Dusk Draw on Canvas ElementLaravel Dusk 在 Canvas 元素上绘制
【发布时间】：2019-02-01 07:15:17
【问题描述】：

我正在尝试进行Laravel Dusk 测试以签署canvas elememt（jSignature 插件）

但似乎可以让它工作。这是我当前的代码：

    $this->browse(function (Browser $browser) {
        $browser->visit('/form')

            # Sign
            ->click('#input-13')
            ->pause(3000)
            ->mouseover('.jSignature')
            ->click('.jSignature')
            ->moveByOffset(100,100)
    });

有什么想法吗？

【问题讨论】：

我的假设是；它点击然后移动鼠标。它不会长按。也许你可以试试$browser->dragDown('.jSignature', 100);

标签： php laravel testing laravel-dusk

【解决方案1】：

如果有人尝试使用地图上的点击点在画布上绘图，您可以使用clickAndHold() 然后releaseMouse() 来模拟实际点击

$browser->click('#map')
        ->clickAndHold()
        ->releaseMouse()
        ->moveMouse(0, 200)
        ->clickAndHold()
        ->releaseMouse()
        ->moveMouse(200, 0)
        ->clickAndHold()
        ->releaseMouse()
        ->moveMouse(0, -200)
        ->clickAndHold()
        ->releaseMouse()
        ->moveMouse(-200, 0)
        ->screenshot('1');

【讨论】：

【解决方案2】：

设法解决它！我就是这样做的（签名在引导模式窗口中打开）：

            ->click('#input-13')
            ->pause(3000)
            ->mouseover('.jSignature')
            ->click('.jSignature')
            ->dragRight('.jSignature',100)
            ->dragLeft('.jSignature',200)
            ->pause(3000);

暂停是为了让引导程序的转换结束。

【讨论】：