当使用props对象挂载组件时，VTU不会从传递给mount（）函数的选项对象中读取props，因此测试总是失败。

Otp.vue

<template>
  <div class="otp-container" ref="otpContainer">
    <input
      data-test="otp-input"
      v-for="(digit, index) in length"
      :key="index"
      type="text"
      maxlength="1"
    />
  </div>
</template>

<script setup>
import { ref, defineProps } from "vue";

const props = defineProps({
  length: {
    type: Number,
    required: true,
  },
});
</script>

字符串

Otp.spec.js

import { mount } from "@vue/test-utils";
import Otp from "../../src/components/Otp.vue";

describe("Otp.vue", () => {
  it("should render n otp inputs", () => {
    const wrapper = mount(Otp, {
      props: {
        length: 5,
      },
    });

    const otpInputs = wrapper.findAll('[data-test="otp-input"]');
    expect(otpInputs.length).toBe(5);
    //expect(otpInputs).toHaveLength(5);
  });
});

型
我试着使用shallowMount，它甚至说shallowMount不是一个函数，我希望otp输入的长度是5（因为它通过 prop 传递）