小编Sho*_*zer的帖子

如何在 Vue.js 项目中模拟 Vitest / vue-test-utils 中的 <select> 元素

我正在尝试模拟<select>在 Vitest 测试中的元素中选择一个选项。<select>模拟选择应设置绑定到s的 ref 的值v-model。正如您在下面看到的,我根据此处和互联网上其他地方的其他问题尝试了许多不同的方法,但我就是无法使其在我的情况下发挥作用。

我正在使用以下内容:

  • 版本 3.2.37
  • 维特4.0.4
  • 维斯特0.26.3
  • vue-测试-utils 2.2.7

我创建了一个非常基本的 Vue 组件,其中包括标题和元素<select>

<script setup lang="ts">
import { ref } from "vue";

const items = ["item 1", "item 2", "item 3", "item 4", "item 5"];
const selectedItem = ref<string>("");

// this is a placeholder for a more complex function
async function handleSubmit(): Promise<void> {
  console.log("in handleSubmit()");
  console.log(quotedString(selectedItem.value));
}

// this is just here for a prettier output
function quotedString(s: string): …
Run Code Online (Sandbox Code Playgroud)

vue-test-utils vuejs3 vitest

2
推荐指数
1
解决办法
3044
查看次数

标签 统计

vitest ×1

vue-test-utils ×1

vuejs3 ×1