Daftar arahan tersuai global untuk ujian komponen cypress dalam vue

Question

Adakah terdapat cara untuk mendaftarkan arahan tersuai global dalam vue.js untuk ujian komponen cypress. Daftar sahaja

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

Masalah tidak dapat diselesaikan dalam fail main.js. Kerana arahan tidak dapat dihuraikan dalam komponen ujian komponen.

Daftar tempatan seperti ini:

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

Bukan pilihan yang baik. Kerana saya menggunakan arahan ini dalam setiap komponen dan ia perlu didaftarkan secara tempatan dalam setiap komponen.

Bagaimana cara saya mendaftarkan arahan global untuk ujian komponen Cypress?

Terima kasih

Answer 1

Buat lekap anda sendiri,

import { mount } from '@cypress/vue'

export const mountWithDirective = (myComponent) => {

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

Masukkan ke dalam /cypress/support/index.js atau fail lain pilihan anda.

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

it...
  mountWithDirective(Component)