Laravel Dusk - 通过属性获取 textarea 元素并输入文本

Question

我正在使用 Laravel Dusk 并且我在一个页面上有这个 HTML：

<div>
    <textarea class="" data-auto="notes" style="height: 72px;"></textarea> 
    <button class="">
        <svg viewBox="0 0 9.877141 7.3747067" height="7.375" width="9.877"> 
            <path d="M8.517 0a.56.56 0 0 0-.397.166L3.896 4.418l-2.14-2.14a.56.56 0 0 0-.796 0l-.795.794a.56.56 0 0 0 0 .795l2.53 2.53c.005.005.006.012.011.017l.795.795.002.002c.22.219.576.218.795-.002l5.416-5.455A.561.561 0 0 0 9.712.96L8.917.164h-.002A.561.561 0 0 0 8.517 0z" ></path> 
        </svg>
    </button>
    <div class=""></div>
</div>

如何在文本区域中输入文本并单击按钮？没有名字，没有类，没有ID……只有属性……

我尝试：

$browser->element("textarea[data-auto='notes']")->type('some notes');
$browser->element("/button/svg")->click();
$browser->pause(1000);

但什么也没发生。

Answer 1

使用keys()代替type()：

$browser->keys('textarea[data-auto="notes"]', 'some notes');

使用click()一个有效的 CSS 选择器：

$browser->click('button');