[JEST] testing combobox wrapper component

[Le Lan]

Hello everyone!

I am trying to implement a search field component based on kendo-combobox wrapper.

I want to cover via JEST unit tests the changed value but I can not trigger the change event and assert the component value.

I am sharing with you guys this code example : https://codesandbox.io/s/tender-proskuriakova-89bcm?fontsize=14&hidenavigation=1&theme=dark

Can you help me on this assertion : expect(wrapper.vm.$data.value).toEqual(1);

[Martin]

Hello Le Lan,

Thank you for the example.

I reviewed it and I noticed that the test in question is not being executed at all. Unfortunately I was unable to discover the reason for that.

What I could offer is to demonstrate how to get a reference to the ComboBox and trigger the change event. You can add ref to the initialization of the ComboBox like below:

 <kendo-combobox ref="combo"

You can then get a reference to the widget like below:

    mounted: function(){
      var combobox = this.$refs.combo.kendoWidget();
      combobox.trigger("change")
    },
    methods:{
        onChange: function(e) {
            console.log("Event :: change");
        }
    }

Here you will find a small example for reference.

Let me know if the above was helpful.

Regards,
Martin
Progress Telerik