find

You’re browsing the documentation for Vue Test Utils for Vue v2.x and earlier.

To read docs for Vue Test Utils for Vue 3, click here.

废弃警告

使用 find 搜索组件的方式已经被废弃并会被移除。请换用 findComponent。

返回匹配选择器的第一个 DOM 节点或 Vue 组件的 Wrapper。

可以使用任何有效的 DOM 选择器 (使用 querySelector 语法)。

参数：
- {string} selector
返回值：{Wrapper}
示例：

import { mount } from '@vue/test-utils'
import Foo from './Foo.vue'
import Bar from './Bar.vue'

const wrapper = mount(Foo)

const div = wrapper.find('div')
expect(div.exists()).toBe(true)

const byId = wrapper.find('#bar')
expect(byId.element.id).toBe('bar')

注意：
- 你可以链式调用 find：

const button = wrapper.find({ ref: 'testButton' })
expect(button.find('.icon').exists()).toBe(true)

延伸阅读：get

# find

find