使用Laravel黄昏测试Vuetify V-Select [英] Testing vuetify v-select with laravel dusk

问题描述

有人知道如何用laravel黄昏测试vuetify v-select吗?

Does anyone know how to test vuetify v-select with laravel dusk?

我尝试$browser->select('size', 'Large');失败

这是我要测试的V型选择之一

this is one of the v-selects that i want to test

 <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

And this the generated HTML

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

When v-select is clicked, shows the option list in other part of the HTML

推荐答案

单击.v-select元素，然后等待选择打开:

Click on the .v-select element and wait for the select to open up:

$browser->click('.v-select');
$browser->waitFor('.v-menu__content');

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

Then you can select an option by index:

$browser->elements('.v-menu__content a')[2]->click();

或通过文本(使用XPath):

Or by text (using XPath):

$selector = "//div[@class='v-menu__content menuable__content__active']//div[text()='State 3']";
$browser->driver->findElement(WebDriverBy::xpath($selector))->click();

这篇关于使用Laravel黄昏测试Vuetify V-Select的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！