84 lines
2.7 KiB
TypeScript
84 lines
2.7 KiB
TypeScript
/**
|
|
* Copyright (c) Microsoft Corporation.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import type InjectedScript from '../../injected/injectedScript';
|
|
import { generateSelector } from './selectorGenerator';
|
|
|
|
type ConsoleAPIInterface = {
|
|
$: (selector: string) => void;
|
|
$$: (selector: string) => void;
|
|
inspect: (selector: string) => void;
|
|
selector: (element: Element) => void;
|
|
resume: () => void;
|
|
};
|
|
|
|
declare global {
|
|
interface Window {
|
|
playwright?: ConsoleAPIInterface;
|
|
inspect: (element: Element | undefined) => void;
|
|
_playwrightResume: () => Promise<void>;
|
|
}
|
|
}
|
|
|
|
export class ConsoleAPI {
|
|
private _injectedScript: InjectedScript;
|
|
|
|
constructor(injectedScript: InjectedScript) {
|
|
this._injectedScript = injectedScript;
|
|
if (window.playwright)
|
|
return;
|
|
window.playwright = {
|
|
$: (selector: string) => this._querySelector(selector),
|
|
$$: (selector: string) => this._querySelectorAll(selector),
|
|
inspect: (selector: string) => this._inspect(selector),
|
|
selector: (element: Element) => this._selector(element),
|
|
resume: () => this._resume(),
|
|
};
|
|
}
|
|
|
|
private _querySelector(selector: string): (Element | undefined) {
|
|
if (typeof selector !== 'string')
|
|
throw new Error(`Usage: playwright.query('Playwright >> selector').`);
|
|
const parsed = this._injectedScript.parseSelector(selector);
|
|
return this._injectedScript.querySelector(parsed, document);
|
|
}
|
|
|
|
private _querySelectorAll(selector: string): Element[] {
|
|
if (typeof selector !== 'string')
|
|
throw new Error(`Usage: playwright.$$('Playwright >> selector').`);
|
|
const parsed = this._injectedScript.parseSelector(selector);
|
|
return this._injectedScript.querySelectorAll(parsed, document);
|
|
}
|
|
|
|
private _inspect(selector: string) {
|
|
if (typeof selector !== 'string')
|
|
throw new Error(`Usage: playwright.inspect('Playwright >> selector').`);
|
|
window.inspect(this._querySelector(selector));
|
|
}
|
|
|
|
private _selector(element: Element) {
|
|
if (!(element instanceof Element))
|
|
throw new Error(`Usage: playwright.selector(element).`);
|
|
return generateSelector(this._injectedScript, element).selector;
|
|
}
|
|
|
|
private _resume() {
|
|
window._playwrightResume().catch(() => {});
|
|
}
|
|
}
|
|
|
|
export default ConsoleAPI;
|