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.

is(selector)

Deprecation warning

is を使用して、 DOM ノードまたは vm がセレクタに一致することをアサートするのは非推奨となり、削除される予定です。

jest-dom で提供されているようなカスタムマッチャの使用を検討してください。または、 DOM 要素などに対するアサーションには、代わりにネイティブの Element.tagName を使用してください。

テストを維持するためには、以下の置き換えが有効です。

  • is('DOM_SELECTOR')wrapper.wrappers.every(wrapper => wrapper.element.tagName === 'DOM_SELECTOR') のアサーションです。
  • is('ATTR_NAME') は真に wrapper.wrappers.every(wrapper => wrapper.attributes('ATTR_NAME')) のアサーションです。
  • is('CLASS_NAME') は真に wrapper.wrappers.every(wrapper => wrapper.classes('CLASS_NAME')) のアサーションです。

findComponent で使用する場合は、 findComponent(Comp).element で DOM 要素にアクセスします。

WrapperArray の全ての Wrapper の DOM ノード、もしくはセレクタvm とマッチするか検証します。

  • 引数:

    • {string|Component} selector
  • 戻り値: {boolean}

  • 例:

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

const wrapper = mount(Foo)
const divArray = wrapper.find('div')
expect(divArray.is('div')).toBe(true)