Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

chore(ct): vue resolve internal type errors (#29649)

Browse source
This commit is contained in:
Sander 2024-02-26 20:15:55 +01:00 committed by GitHub
parent 7e502e91b2
commit 303d7fdac9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 30 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
packages/playwright-ct-vue/registerSource.mjs
View file

@ -88,6 +88,9 @@ function __pwCreateSlot(html) {
};
}
/**
* @param {string | string[]} slot
*/
function __pwSlotToFunction(slot) {
if (typeof slot === 'string')
return __pwCreateSlot(slot)();
@ -175,7 +178,11 @@ function __pwCreateComponent(component) {
return { Component: component.type, props, slots: lastArg, listeners };
}
/**
* @param {any} slots
*/
function __pwWrapFunctions(slots) {
/** @type {import('vue').ComponentInternalInstance['slots']} */
const slotsWithRenderFunctions = {};
if (!Array.isArray(slots)) {
for (const [key, value] of Object.entries(slots || {}))
@ -198,25 +205,27 @@ function __pwCreateWrapper(component) {
return wrapper;
}
/**
* @returns {any}
*/
function __pwCreateDevTools() {
return {
function __pwSetDevTools() {
__pwSetDevtoolsHook({
emit(eventType, ...payload) {
if (eventType === 'component:emit') {
const [, componentVM, event, eventArgs] = payload;
for (const [wrapper, listeners] of __pwAllListeners) {
if (wrapper.component !== componentVM)
continue;
const listener = listeners[event];
if (!listener)
return;
listener(...eventArgs);
}
if (eventType !== 'component:emit')
return;
const [, componentVM, event, eventArgs] = payload;
for (const [wrapper, listeners] of __pwAllListeners) {
if (wrapper.component !== componentVM)
continue;
const listener = listeners[event];
if (!listener)
return;
listener(...eventArgs);
}
}
};
},
on() {},
off() {},
once() {},
appRecords: []
}, {});
}
const __pwAppKey = Symbol('appKey');
@ -230,7 +239,7 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
return wrapper;
}
});
__pwSetDevtoolsHook(__pwCreateDevTools(), {});
__pwSetDevTools();
for (const hook of window.__pw_hooks_before_mount || [])
await hook({ app, hooksConfig });
@ -242,13 +251,15 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
};
window.playwrightUnmount = async rootElement => {
const app = /** @type {import('vue').App} */ (rootElement[__pwAppKey]);
/** @type {import('vue').App<Element> | undefined} */
const app = rootElement[__pwAppKey];
if (!app)
throw new Error('Component was not mounted');
app.unmount();
};
window.playwrightUpdate = async (rootElement, component) => {
/** @type {import('vue').VNode | undefined} */
const wrapper = rootElement[__pwWrapperKey];
if (!wrapper)
throw new Error('Component was not mounted');