Laravel 5 使用laravel黄昏测试vuetify v-select

有人知道如何使用laravel dusk测试vuetify v-select吗

我试过

$browser->select（'size'，'Large'）没有成功

这是我要测试的v选择之一

 <v-flex class="form__item">
       <v-select
                    id="estatus"
                    dusk="estatus"
                    v-model="form.id_estatus"
                    label="Estatus"
                    :items="estatus"
                    item-text="nombre"
                    item-value="id"
                    v-validate="{ required:true }"
                    data-vv-name="estatus"
                    data-vv-as="estatus"
                    :error-messages="(errors.collect('estatus'))"
                    required
        ></v-select>
  </v-flex>



这就是生成的HTML


单击v-select时，会在HTML的其他部分显示选项列表

单击
.v-select
元素，等待select打开：

$browser->单击（'.v-select'）；
$browser->waitFor（“.v-菜单内容”）；

然后，您可以按索引选择一个选项：

$browser->elements（'.v-menu_uucontent a'）[2]->单击（）；

或通过文本（使用XPath）：

$selector=“//div[@class='v-menu\uuu content menuable\uuuu content\uu active']//div[text（）='State 3']；
$browser->driver->findElement（WebDriverBy:：xpath（$selector））->click（）；
单击
.v-select
元素，等待select打开：

$browser->单击（'.v-select'）；
$browser->waitFor（“.v-菜单内容”）；

然后，您可以按索引选择一个选项：

$browser->elements（'.v-menu_uucontent a'）[2]->单击（）；

或通过文本（使用XPath）：

$selector=“//div[@class='v-menu\uuu content menuable\uuuu content\uu active']//div[text（）='State 3']；
$browser->driver->findElement（WebDriverBy:：xpath（$selector））->click（）；
单击v-select元素以列出选项，然后等待下拉菜单类出现，然后通过单击菜单列表中的第三个标记从列表中选择元素（下例中为2）。
最后，等待下拉菜单类消失，然后再进入测试的下一部分

$browser->click('#region')
    ->with('#region', function ($vSelect) {
        $vSelect->waitFor('.dropdown-menu')
            ->elements('.dropdown-menu a')[2]->click();
    })
    ->waitUntilMissing('.dropdown-menu');

单击v-select元素以列出选项，然后等待下拉菜单类出现，然后通过单击菜单列表中的第三个标记从列表中选择元素（下例中为2）。
最后，等待下拉菜单类消失，然后再进入测试的下一部分

$browser->click('#region')
    ->with('#region', function ($vSelect) {
        $vSelect->waitFor('.dropdown-menu')
            ->elements('.dropdown-menu a')[2]->click();
    })
    ->waitUntilMissing('.dropdown-menu');

（1）在Vue模板中：

用

（2）在黄昏测试中，使用：

  $browser->click('#selectStatus .v-select');
  $browser->waitFor('.menuable__content__active');
  $browser->elements('.menuable__content__active a')[1]->click();
  $browser->waitUntilMissing('.menuable__content__active');
  $browser->assertSeeIn('#selectStatus .v-select','theStatusIExpectToSee');

-或-

如果我们使用稍微复杂一点的策略，
可以在不使用
包装的情况下进行测试

与其将
id
放在
div
包装器上，我们可以将
id
直接放在
v-select
上，甚至可以使用以下策略依赖
v-select
中包含的文本内容（包括
xpath
）：

在Vue模板中使用Vuetify 1.5.14

（1）：

用

（2）在黄昏测试中，使用：

  $browser->click('#selectStatus .v-select');
  $browser->waitFor('.menuable__content__active');
  $browser->elements('.menuable__content__active a')[1]->click();
  $browser->waitUntilMissing('.menuable__content__active');
  $browser->assertSeeIn('#selectStatus .v-select','theStatusIExpectToSee');

-或-

如果我们使用稍微复杂一点的策略，

可以在不使用

包装的情况下进行测试

与其将

id

放在

div

包装器上，我们可以将

id

直接放在

v-select

上，甚至可以使用以下策略依赖

v-select

中包含的文本内容（包括

xpath

）：

---

使用

Vuetify 1.5.14

可以发布生成的HTML吗？我已经更新了我的问题，你可以在上面创建一个最小的示例吗？这是一个最小的v-select示例，你可以发布生成的HTML吗？我已经更新了我的问题，你可以在上面创建一个最小的示例吗？这是一个最小的v-select示例注意：我们可以利用如前所述，

Browser

具有

Macroable

特性的事实进一步简化了上述代码。注意：我们可以利用

Browser

具有

Macroable

特性的事实进一步简化上述代码，如前所述。