0

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

我试过$browser->select('size', 'Large');没有成功

这是我要测试的 v-select 之一

 <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 的其他部分显示选项列表

在此处输入图像描述

4

3 回答 3

4

单击.v-select元素并等待选择打开:

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

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

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

或通过文本(使用 XPath):

$selector = "//div[@class='v-menu__content menuable__content__active']//div[text()='State 3']";
$browser->driver->findElement(WebDriverBy::xpath($selector))->click();
于 2018-07-05T15:33:18.577 回答
1
于 2019-06-24T00:45:33.270 回答
0

单击 v-select 元素以列出选项,然后等待下拉菜单类出现,然后单击菜单列表中的第三个标签从列表中选择一个元素(下例中的 2)。最后,等到下拉菜单类消失,然后再进行下一部分测试。

$browser->click('#region')
    ->with('#region', function ($vSelect) {
        $vSelect->waitFor('.dropdown-menu')
            ->elements('.dropdown-menu a')[2]->click();
    })
    ->waitUntilMissing('.dropdown-menu');
于 2019-02-25T08:00:32.500 回答