如何测试V-MENU中的V-BTN？

1. 首先需要在 Vue 组件中引用两个组件，V-MENU 和 V-BTN。代码示例：

<template> <v-menu> <v-btn>Click me</v-btn> </v-menu> </template>

<script> import { VMenu, VBtn } from 'vuetify/lib'

export default { components: { VMenu, VBtn } // ... } </script>

2. 接着，在单元测试中使用 Vue Test Utils 渲染并获取 V-BTN 组件。代码示例：

import { createLocalVue, shallowMount } from '@vue/test-utils' import { VMenu, VBtn } from 'vuetify/lib'

const localVue = createLocalVue()

describe('VMenu', () => { it('renders VBtn slot content', () => { const wrapper = shallowMount(VMenu, { localVue, slots: { default: '<v-btn>Click me</v-btn>' }, stubs: { VBtn } })

// 这里获取 V-BTN 组件并进行测试
const vBtn = wrapper.findComponent(VBtn)
expect(vBtn.text()).toBe('Click me')

}) })

这样就可以测试 V-MENU 组件中的 V-BTN 了。