Question

我正在使用laravel dusk在我的应用程序中编写测试。在表单中，我使用了vue-multiselect组件。我还没有找到如何在黄昏时选择一个选项。

关于此的任何指示？

感谢。

Answer 1

您可以通过单击功能来实现

$browser->click('input.multiselect__input');
$browser->click('li.multiselect__element');

如果您要选择特定选项，则只需设置nth-of

$browser->click('li.multiselect__element:nth-of-type(2)');

收到来自https://github.com/shentao/vue-multiselect/issues/315

的引用

Answer 2

遇到类似的问题，并最终使用以下内容：

在多选组件上，您将必须添加以下插槽

// this slot will open the multiselect, 
// you might get around this by targeting the id of the input
<template slot="caret"> 
   <div class="multiselect__select" dusk="select-tags"></div>
</template>
// this slot is important to target each option alone
<template slot="option" slot-scope="props">
   <span :dusk="props.option.name">{{ props.option.name }}</span>
</template>

这样，您可以定位多选对象，然后根据名称选择所需的对象，甚至可以使用id或所需的任何对象。

$browser->click('@select-tags');
$browser->click('@firstTag');

受此post

的启发

如何在黄昏测试中选择vue-multiselect中的选项？

2 个答案: