0👍
By using vue test utils https://vue-test-utils.vuejs.org/ and chai https://www.chaijs.com/ in your test file you can do something like:
import mount from "@vue/test-utils";
import expect from "chai";
const wrapper = mount(BookingInformation,<inner components you want to test>);
expect(googleImage.exists()).to.be.true;
wrapper.setData({
wasBookingJustMade: true,
});
const googleImage = wrapper.find("google-conversion-tracking-image");
expect(googleImage.exists()).to.be.false;
You’ll probably need to import the page level component as well.
You can give an id to the component you want to find and then search by id.
- [Vuejs]-How to access vuejs refs if ref value has bracket character
- [Vuejs]-VueJS references in a component don't work
Source:stackexchange.com