小编Rus*_*ady的帖子

我目前正在为实现 Vuetify Switch 的 Vue 组件编写测试。作为测试的一部分，我想检查 vuetify 开关的功能。我在触发开关上的点击时遇到了麻烦，然后验证开关值是否已更改（一旦完成，我将验证绑定到开关的值是否也已更改）

我已经查看了 Vuetify 的 API 文档，但没有方法可以直接设置 Vuetify 开关的状态，这在我看来令人困惑。因此，我试图使用 VSwitch 组件执行单击，wrapper.find().trigger('click')但这并没有改变开关值，使我相信单击根本没有做任何事情。

下面是两个测试

• 第一个检查开关在创建时是否具有正确的状态，这是通过
• 第二个尝试执行点击事件并检查状态是否已更改，这是失败的

任何解决此问题的帮助将不胜感激。

切换.vue

<template>

    <v-row>
        <v-col>
            <label class="label-text" :for="`${fieldLabel}`">{{labelText}}</label>
            <v-row>
                <label class="left-label">{{toggleLeftText}}</label>
                <v-switch
                        :id="`${fieldLabel}`"
                        v-model="toggleState"
                        class="ma-0 pa-0"
                        :data-qa="`${fieldLabel}Checkbox`"
                >
                </v-switch>
                <label class="right-label">{{toggleRightText}}</label>
            </v-row>
            <!--Hidden input field includes switch value in form when submitted-->
            <input type="hidden" :value="toggleState" :name="`${fieldLabel}`">
        </v-col>
    </v-row>


</template>

<script>
    export default {
        name: "Switch",
        props: {
            fieldLabel: {
                type: String,
                required: true
            },
            labelText: {
                type: String, …