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.
Config
Vue Test Utils comprend un objet de configuration des options définies utilisées par Vue Test Utils.
Vue Test Utils Config Options
showDeprecationWarnings
- type:
Boolean
- default:
true
Contrôler s'il faut ou non afficher des avertissements de dépréciation . Lorsqu'il est sur true
, tous les avertissements de dépréciation sont visibles dans la console.
Exemple:
import { config } from '@vue/test-utils'
config.showDeprecationWarnings = false
deprecationWarningHandler
- type:
Function
Permet un contrôle fin des avertissements de dépréciation. Lorsque showDeprecationWarnings
est défini à true
, tous les avertissements de dépréciation seront passés à ce gestionnaire avec le nom de la méthode comme premier argument et le message original comme second.
TIP
Cela peut être utile pour enregistrer les messages de dépréciation à un endroit séparé ou pour aider à la mise à jour progressive de la base de code vers la dernière version de test utils en ignorant certains avertissements de fonctions dépréciées.
Example:
import { config } from '@vue/test-utils'
config.showDeprecationWarnings = true
config.deprecationWarningHandler = (method, message) => {
if (method === 'emittedByOrder') return
console.error(msg)
}
stubs
- type:
{ [name: string]: Component | boolean | string }
- default:
{}
Le stub stocké dans config.stubs
est utilisé par défaut.
Les stubs sont à utiliser dans les composants. Ils sont écrasés par les stubs
passés dans les options de montage.
Lorsque l'on passe des stubs
sous forme de tableau dans les options de montage, les config.stubs
sont convertis en un tableau, et vont stuber les composants avec un composant de base qui retourne <${component name}-stub>
.
Exemple:
import { config } from '@vue/test-utils'
config.stubs['my-component'] = '<div />'
mocks
- type:
Object
- default:
{}
Comme pour les stubs
, les valeurs passées à config.mocks
sont utilisées par défaut. Toute valeur passée à l'objet d'options de montage mocks
aura la priorité sur celles déclarées dans config.mocks
.
Exemple:
import { config } from '@vue/test-utils'
config.mocks['$store'] = {
state: {
id: 1
}
}
methods
- type:
{ [name: string]: Function }
- default:
{}
Vous pouvez configurer les méthodes par défaut en utilisant l'objet config
. Cela peut être utile pour les plugins qui injectent des méthodes aux composants, comme VeeValidate. Vous pouvez surcharger les méthodes définies dans config
en passant des méthodes
dans les options de montage.
Exemple:
import { config } from '@vue/test-utils'
config.methods['getData'] = () => {}
provide
- type:
Object
- default:
{}
Comme les stubs
ou mocks
, les valeurs passées à "config.provide" sont utilisées par défaut. Toutes les valeurs passées à l'objet d'options de montage provide
auront la priorité sur celles déclarées dans config.provide
. Veuillez noter qu'il n'est pas possible de passer une fonction comme config.provide
.
Exemple:
import { config } from '@vue/test-utils'
config.provide['$logger'] = {
log: (...args) => {
console.log(...args)
}
}