1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
/**
* @license
* Copyright 2018 Google Inc.
* SPDX-License-Identifier: Apache-2.0
*/
import expect from 'expect';
import type {PuppeteerLaunchOptions} from 'puppeteer-core/internal/node/PuppeteerNode.js';
import {getTestState, launch} from '../mocha-utils.js';
describe('DevTools', function () {
/* These tests fire up an actual browser so let's
* allow a higher timeout
*/
this.timeout(20_000);
let launchOptions: PuppeteerLaunchOptions & {
devtools: boolean;
};
const browsers: Array<() => Promise<void>> = [];
beforeEach(async () => {
const {defaultBrowserOptions} = await getTestState({
skipLaunch: true,
});
launchOptions = Object.assign({}, defaultBrowserOptions, {
devtools: true,
});
});
async function launchBrowser(options: typeof launchOptions) {
const {browser, close} = await launch(options, {createContext: false});
browsers.push(close);
return browser;
}
afterEach(async () => {
await Promise.all(
browsers.map((close, index) => {
delete browsers[index];
return close();
})
);
});
it('target.page() should return a DevTools page if custom isPageTarget is provided', async function () {
const {puppeteer} = await getTestState({skipLaunch: true});
const originalBrowser = await launchBrowser(launchOptions);
const browserWSEndpoint = originalBrowser.wsEndpoint();
const browser = await puppeteer.connect({
browserWSEndpoint,
_isPageTarget(target) {
return (
target.type() === 'other' && target.url().startsWith('devtools://')
);
},
});
const devtoolsPageTarget = await browser.waitForTarget(target => {
return target.type() === 'other';
});
const page = (await devtoolsPageTarget.page())!;
expect(
await page.evaluate(() => {
return 2 * 3;
})
).toBe(6);
expect(await browser.pages()).toContain(page);
});
it('target.page() should return Page when calling asPage on DevTools target', async function () {
const {puppeteer} = await getTestState({skipLaunch: true});
const originalBrowser = await launchBrowser(launchOptions);
const browserWSEndpoint = originalBrowser.wsEndpoint();
const browser = await puppeteer.connect({
browserWSEndpoint,
});
const devtoolsPageTarget = await browser.waitForTarget(target => {
return target.type() === 'other';
});
const page = (await devtoolsPageTarget.asPage())!;
expect(
await page.evaluate(() => {
return 2 * 3;
})
).toBe(6);
// The page won't be part of browser.pages() if a custom isPageTarget is not provided
expect(await browser.pages()).not.toContain(page);
});
it('should open devtools when "devtools: true" option is given', async () => {
const browser = await launchBrowser(
Object.assign({devtools: true}, launchOptions)
);
const context = await browser.createBrowserContext();
await Promise.all([
context.newPage(),
browser.waitForTarget((target: {url: () => string | string[]}) => {
return target.url().includes('devtools://');
}),
]);
await browser.close();
});
it('should expose DevTools as a page', async () => {
const browser = await launchBrowser(
Object.assign({devtools: true}, launchOptions)
);
const context = await browser.createBrowserContext();
const [target] = await Promise.all([
browser.waitForTarget((target: {url: () => string | string[]}) => {
return target.url().includes('devtools://');
}),
context.newPage(),
]);
const page = await target.page();
await page!.waitForFunction(() => {
// @ts-expect-error wrong context.
return Boolean(DevToolsAPI);
});
await browser.close();
});
});
|