Existe-t-il un moyen d'enregistrer des directives personnalisées globales dans vue.js pour les tests de composants Cypress. Inscrivez-vous simplement
app.directive('some',(el,binding)=>{{...})
Le problème ne peut pas être résolu dans le fichier main.js. Parce que la directive n'a pas pu être analysée dans le composant de test du composant.
Inscrivez-vous localement comme ceci :
mount(SomeComp,{
directive:{
'some': {...}
})
Ce n'est pas un bon choix. Parce que j'utilise cette directive dans chaque composant et qu'elle doit être enregistrée localement dans chaque composant.
Comment enregistrer les directives globales pour les tests de composants Cypress ?
Merci
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Créez votre propre monture,
import { mount } from '@cypress/vue' export const mountWithDirective = (myComponent) => { return mount(myComponent, { directive:{ 'some': {...} }) }Mettez-le dans /cypress/support/index.js ou dans un autre fichier de votre choix.
// test import { mountWithDirective } from 'cypress/support' import Component from './Component.vue' it... mountWithDirective(Component)