在vue中註冊用於cypress元件測試的全域自訂指令

Question

有沒有辦法在 vue.js 中註冊用於 cypress 元件測試的全域自訂指令。只要註冊

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

main.js 檔案中無法解決問題。因為在元件測試元件中未能解析該指令。

像這樣的本機暫存器：

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

不是一個好的選擇。因為我在每個元件中都使用這​​個指令，並且需要在每個元件中本地註冊。

我如何註冊用於賽普拉斯元件測試的全域指令？

謝謝

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)