yujunjun/playwright
1
0
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-06-26 21:40:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update console event snippet (#9800)

Browse Source 
This avoids the confusion where arguments are printed
asynchronously, interleaved with other console messages.
This commit is contained in:
Dmitry Gozman 2021-10-26 14:40:28 -07:00 committed by GitHub
parent 22e4a0d580
commit fac5da9517
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/src/api/class-page.md
View File

@ -169,8 +169,10 @@ An example of handling `console` event:
```js ```js
page.on('console', async msg => { page.on('console', async msg => {
for (let i = 0; i < msg.args().length; ++i) const values = [];
console.log(`${i}: ${await msg.args()[i].jsonValue()}`); for (const arg of msg.args())
values.push(await arg.jsonValue());
console.log(...values);
}); });
await page.evaluate(() => console.log('hello', 5, {foo: 'bar'})); await page.evaluate(() => console.log('hello', 5, {foo: 'bar'}));
``` ```
@ -185,8 +187,10 @@ page.evaluate("() => console.log('hello', 5, {foo: 'bar'})");
```python async ```python async
async def print_args(msg): async def print_args(msg):
values = []
for arg in msg.args: for arg in msg.args:
print(await arg.json_value()) values.append(await arg.json_value())
print(values)
page.on("console", print_args) page.on("console", print_args)
await page.evaluate("console.log('hello', 5, {foo: 'bar'})") await page.evaluate("console.log('hello', 5, {foo: 'bar'})")

18
packages/playwright-core/types/types.d.ts vendored
View File

@ -794,8 +794,10 @@ export interface Page {
* *
* ```js * ```js
* page.on('console', async msg => { * page.on('console', async msg => {
* for (let i = 0; i < msg.args().length; ++i) * const values = [];
* console.log(`${i}: ${await msg.args()[i].jsonValue()}`); * for (const arg of msg.args())
* values.push(await arg.jsonValue());
* console.log(...values);
* }); * });
* await page.evaluate(() => console.log('hello', 5, {foo: 'bar'})); * await page.evaluate(() => console.log('hello', 5, {foo: 'bar'}));
* ``` * ```
@ -1065,8 +1067,10 @@ export interface Page {
* *
* ```js * ```js
* page.on('console', async msg => { * page.on('console', async msg => {
* for (let i = 0; i < msg.args().length; ++i) * const values = [];
* console.log(`${i}: ${await msg.args()[i].jsonValue()}`); * for (const arg of msg.args())
* values.push(await arg.jsonValue());
* console.log(...values);
* }); * });
* await page.evaluate(() => console.log('hello', 5, {foo: 'bar'})); * await page.evaluate(() => console.log('hello', 5, {foo: 'bar'}));
* ``` * ```
@ -3394,8 +3398,10 @@ export interface Page {
* *
* ```js * ```js
* page.on('console', async msg => { * page.on('console', async msg => {
* for (let i = 0; i < msg.args().length; ++i) * const values = [];
* console.log(`${i}: ${await msg.args()[i].jsonValue()}`); * for (const arg of msg.args())
* values.push(await arg.jsonValue());
* console.log(...values);
* }); * });
* await page.evaluate(() => console.log('hello', 5, {foo: 'bar'})); * await page.evaluate(() => console.log('hello', 5, {foo: 'bar'}));
* ``` * ```