使用自定义 Laravel Dusk 选择器属性 (data-dusk)

Question

默认的 Laravel Dusk 选择器会在 HTML 中查找

dusk="something"

属性。 https://laravel.com/docs/10.x/dusk#dusk-selectors

在 React/Vue 中使用 Typescript 时，这不太兼容，因为它不是标准的 HTML 元素属性。

使用诸如

data-dusk="something"

之类的属性会更兼容，因为 Typescript 知道以

data-

为前缀的任何内容都是自定义属性。

Answer 1

不幸的是，这似乎没有在任何地方记录，但您可以通过将其添加到

register()

文件的

app/Providers/AppServiceProvider.php

方法来更改 Dusk 查找的属性。

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    public function register()
    {
        // ...

        \Laravel\Dusk\Dusk::selectorHtmlAttribute('data-dusk');
    }
}

泰勒在此提交中添加了以下内容：https://github.com/laravel/dusk/commit/cf04717664f80204567ad3077ea7484a0be16497