Enregistrez les directives personnalisées globales pour les tests de composants Cypress dans Vue

Question

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

Answer 1

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)