Registrieren Sie globale benutzerdefinierte Anweisungen für das Testen von Cypress-Komponenten in Vue

Question

Gibt es eine Möglichkeit, globale benutzerdefinierte Direktiven in vue.js für das Testen von Cypress-Komponenten zu registrieren? Einfach anmelden

app.directive('some',(el,binding)=>{{...})

Das Problem kann in der Datei main.js nicht gelöst werden. Weil die Direktive in der Komponententestkomponente nicht analysiert werden konnte.

Lokales Register wie folgt:

mount(SomeComp,{
directive:{
  'some': {...}
})

Keine gute Wahl. Weil ich diese Direktive in jeder Komponente verwende und sie in jeder Komponente lokal registriert werden muss.

Wie registriere ich globale Richtlinien für Cypress-Komponententests?

Danke

Answer 1

创建你自己的坐骑，

import { mount } from '@cypress/vue'

export const mountWithDirective = (myComponent) => {

  return mount(myComponent, {
    directive:{
      'some': {...}
  })
}

将其放入 /cypress/support/index.js 或您选择的其他文件中。

// test
import { mountWithDirective } from 'cypress/support'
import Component from './Component.vue'

it...
  mountWithDirective(Component)