42 lines
1.6 KiB
JavaScript
42 lines
1.6 KiB
JavaScript
const vNodeContainsText = (vnode, text) =>
|
|
(vnode.text && vnode.text.includes(text)) ||
|
|
(vnode.children && vnode.children.filter(child => vNodeContainsText(child, text)).length);
|
|
|
|
/**
|
|
* Determines whether a `shallowMount` Wrapper contains text
|
|
* within one of it's slots. This will also work on Wrappers
|
|
* acquired with `find()`, but only if it's parent Wrapper
|
|
* was shallowMounted.
|
|
* NOTE: Prefer checking the rendered output of a component
|
|
* wherever possible using something like `text()` instead.
|
|
* @param {Wrapper} shallowWrapper - Vue test utils wrapper (shallowMounted)
|
|
* @param {String} slotName
|
|
* @param {String} text
|
|
*/
|
|
export const shallowWrapperContainsSlotText = (shallowWrapper, slotName, text) =>
|
|
Boolean(
|
|
shallowWrapper.vm.$slots[slotName].filter(vnode => vNodeContainsText(vnode, text)).length,
|
|
);
|
|
|
|
/**
|
|
* Returns a promise that waits for a mutation to be fired before resolving
|
|
* NOTE: There's no reject action here so it will hang if it waits for a mutation that won't happen.
|
|
* @param {Object} store - The Vue store that contains the mutations
|
|
* @param {String} expectedMutationType - The Mutation to wait for
|
|
*/
|
|
export const waitForMutation = (store, expectedMutationType) =>
|
|
new Promise(resolve => {
|
|
const unsubscribe = store.subscribe(mutation => {
|
|
if (mutation.type === expectedMutationType) {
|
|
unsubscribe();
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
|
|
export const extendedWrapper = wrapper =>
|
|
Object.defineProperty(wrapper, 'findByTestId', {
|
|
value(id) {
|
|
return this.find(`[data-testid="${id}"]`);
|
|
},
|
|
});
|