microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2024-10-27 13:50:25 +03:00
Code Issues Projects Releases Wiki Activity

chore(ct): improve internal hook types (#20722)

Browse Source
This commit is contained in:
Sander 2023-02-09 17:58:15 +01:00 committed by GitHub
parent 59121a3c37
commit 4a3d79f291
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/playwright-ct-react/registerSource.mjs
View File

@ -71,7 +71,7 @@ function render(component) {
window.playwrightMount = async (component, rootElement, hooksConfig) => {
let App = () => render(component);
for (const hook of /** @type {any} */(window).__pw_hooks_before_mount || []) {
for (const hook of window.__pw_hooks_before_mount || []) {
const wrapper = await hook({ App, hooksConfig });
if (wrapper)
App = () => wrapper;
@ -79,7 +79,7 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
ReactDOM.render(App(), rootElement);
for (const hook of /** @type {any} */(window).__pw_hooks_after_mount || [])
for (const hook of window.__pw_hooks_after_mount || [])
await hook({ hooksConfig });
};

4
packages/playwright-ct-solid/registerSource.mjs
View File

@ -79,7 +79,7 @@ const unmountKey = Symbol('unmountKey');
window.playwrightMount = async (component, rootElement, hooksConfig) => {
let App = () => createComponent(component);
for (const hook of /** @type {any} */(window).__pw_hooks_before_mount || []) {
for (const hook of window.__pw_hooks_before_mount || []) {
const wrapper = await hook({ App, hooksConfig });
if (wrapper)
App = () => wrapper;
@ -88,7 +88,7 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
const unmount = solidRender(App, rootElement);
rootElement[unmountKey] = unmount;
for (const hook of /** @type {any} */(window).__pw_hooks_after_mount || [])
for (const hook of window.__pw_hooks_after_mount || [])
await hook({ hooksConfig });
};

4
packages/playwright-ct-svelte/registerSource.mjs
View File

@ -87,7 +87,7 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
throw new Error('JSX mount notation is not supported');
for (const hook of /** @type {any} */(window).__pw_hooks_before_mount || [])
for (const hook of window.__pw_hooks_before_mount || [])
await hook({ hooksConfig });
const svelteComponent = /** @type {SvelteComponent} */ (new componentCtor({
@ -103,7 +103,7 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
for (const [key, listener] of Object.entries(component.options?.on || {}))
svelteComponent.$on(key, event => listener(event.detail));
for (const hook of /** @type {any} */(window).__pw_hooks_after_mount || [])
for (const hook of window.__pw_hooks_after_mount || [])
await hook({ hooksConfig, svelteComponent });
};

4
packages/playwright-ct-vue/registerSource.mjs
View File

@ -232,12 +232,12 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
});
setDevtoolsHook(createDevTools(), {});
for (const hook of /** @type {any} */(window).__pw_hooks_before_mount || [])
for (const hook of window.__pw_hooks_before_mount || [])
await hook({ app, hooksConfig });
const instance = app.mount(rootElement);
rootElement[appKey] = app;
for (const hook of /** @type {any} */(window).__pw_hooks_after_mount || [])
for (const hook of window.__pw_hooks_after_mount || [])
await hook({ app, hooksConfig, instance });
};

6
packages/playwright-ct-vue2/registerSource.mjs
View File

@ -161,7 +161,7 @@ const wrapperKey = Symbol('wrapperKey');
window.playwrightMount = async (component, rootElement, hooksConfig) => {
let options = {};
for (const hook of /** @type {any} */(window).__pw_hooks_before_mount || [])
for (const hook of window.__pw_hooks_before_mount || [])
options = await hook({ hooksConfig, Vue });
const instance = new Vue({
@ -175,12 +175,12 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
rootElement.appendChild(instance.$el);
/** @type {any} */ (rootElement)[instanceKey] = instance;
for (const hook of /** @type {any} */(window).__pw_hooks_after_mount || [])
for (const hook of window.__pw_hooks_after_mount || [])
await hook({ hooksConfig, instance });
};
window.playwrightUnmount = async rootElement => {
const component = /** @type {any} */(rootElement)[instanceKey];
const component = rootElement[instanceKey];
if (!component)
throw new Error('Component was not mounted');
component.$destroy();

4
packages/playwright-test/types/component.d.ts vendored
View File

@ -24,7 +24,7 @@ export type JsxComponent = {
export type MountOptions = {
props?: Record<string, any>,
slots?: Record<string, any>,
on?: { [key: string]: Function },
on?: Record<string, Function>,
hooksConfig?: any,
};
@ -41,5 +41,7 @@ declare global {
playwrightMount(component: Component, rootElement: Element, hooksConfig: any): Promise<void>;
playwrightUnmount(rootElement: Element): Promise<void>;
playwrightUpdate(rootElement: Element, component: Component): Promise<void>;
__pw_hooks_before_mount?: (<HooksConfig>(params: { hooksConfig: HooksConfig; } & any) => Promise<any>)[];
__pw_hooks_after_mount?: (<HooksConfig>(params: { hooksConfig: HooksConfig; } & any) => Promise<void>)[];
}
}