試験のdivは、私は条件付きのdivをレンダリングするコードを持っている私のVUEコンポーネントで

Question

をジャスミン、WebPACKので存在し、vue.js。たとえば、成功基準が満たされた場合、成功divが存在します。ここに私のテストで：

describe('Graph Tests',() => { 
const getComponent = (prop1,prop2) =>{ 
    let vm = new Vue({ 
    template: '<div><graph ref="graph" :label=prop1 :data=prop2></graph></div>', 
    components: { 
     graph, 
    }, 

    }) 
    return vm; 
}  



it('Renders correctly with valid props',() => { 
      const label = ['j', 'a' ,'c', 'k']; 
      const data=[1,2,3,4] 
      var vm = getComponent(label,data).$mount(); 
      console.info(vm.$refs.graph.$el); 
      expect(vm.$refs.graph.$el.querySelector('success')).toBeTruthy(); 
     }); 

     }); 

    } 

私は、VMをログに記録するときの$ refs.graph $エルは私が取得：。。私はについて非常に混乱しています

コンソールで

INFO: <!----> 

。誰でも私がID「成功」を持つdivを手伝ってもらえますか？ ありがとうございます。

Answer 1

idが "success"の場合selectorは'#success'です。または、getElementByIdを使用できます。

ただし、プログラムからの出力は、コンポーネントがまったくレンダリングされていないことを示します。