61 lines
2 KiB
JavaScript
61 lines
2 KiB
JavaScript
import { isArray } from 'lodash';
|
|
|
|
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) => {
|
|
if (isArray(wrapper) || !wrapper?.find) {
|
|
// eslint-disable-next-line no-console
|
|
console.warn(
|
|
'[vue-test-utils-helper]: you are trying to extend an object that is not a VueWrapper.',
|
|
);
|
|
return wrapper;
|
|
}
|
|
|
|
return Object.defineProperties(wrapper, {
|
|
findByTestId: {
|
|
value(id) {
|
|
return this.find(`[data-testid="${id}"]`);
|
|
},
|
|
},
|
|
findAllByTestId: {
|
|
value(id) {
|
|
return this.findAll(`[data-testid="${id}"]`);
|
|
},
|
|
},
|
|
});
|
|
};
|