microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2024-12-14 21:53:35 +03:00
Code Issues Projects Releases Wiki Activity

chore(components): lazily create root to mount components if needed (#13778)

Browse Source
This commit is contained in:
Andrey Lushnikov 2022-05-03 17:11:45 -06:00 committed by GitHub
parent 13224d1c9f
commit 4b6f53461d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/playwright-ct-react/register.mjs
View File

@ -53,6 +53,11 @@ function render(component) {
}
window.playwrightMount = component => {
if (!document.getElementById('root')) {
const rootElement = document.createElement('div');
rootElement.id = 'root';
document.body.append(rootElement);
}
ReactDOM.render(render(component), document.getElementById('root'));
return '#root > *';
};

5
packages/playwright-ct-svelte/register.mjs
View File

@ -26,6 +26,11 @@ export default (components, options) => {
};
const playwrightMount = component => {
if (!document.getElementById('root')) {
const rootElement = document.createElement('div');
rootElement.id = 'root';
document.body.append(rootElement);
}
let componentCtor = registry.get(component.type);
if (!componentCtor) {
// Lookup by shorthand.

5
packages/playwright-ct-vue/register.mjs
View File

@ -125,6 +125,11 @@ function createDevTools() {
}
window.playwrightMount = async component => {
if (!document.getElementById('root')) {
const rootElement = document.createElement('div');
rootElement.id = 'root';
document.body.append(rootElement);
}
const app = instance.createApp({
render: () => render(component)
});