@@ -40,7 +40,9 @@ const playwright = require('playwright');
40
40
(async () => {
41
41
for (const browserType of [' chromium' , ' firefox' , ' webkit' ]) {
42
42
const browser = await playwright[browserType].launch ();
43
- const page = await browser .newPage (' http://whatsmyuseragent.org/' );
43
+ const context = await browser .newContext ();
44
+ const page = await context .newPage ();
45
+ await page .goto (' http://whatsmyuseragent.org/' );
44
46
await page .screenshot ({ path: ` example-${ browserType} .png` });
45
47
await browser .close ();
46
48
}
@@ -57,13 +59,14 @@ const iPhone11 = devices['iPhone 11 Pro'];
57
59
58
60
(async () => {
59
61
const browser = await webkit .launch ();
60
- const page = await browser .newPage ( ' https://maps.google.com ' , {
62
+ const context = await browser .newContext ( {
61
63
viewport: iPhone11 .viewport ,
62
64
userAgent: iPhone11 .userAgent ,
63
65
geolocation: { longitude: 12.492507 , latitude: 41.889938 },
64
66
permissions: { ' https://www.google.com' : [' geolocation' ] }
65
67
});
66
-
68
+ const page = await context .newPage ();
69
+ await page .goto (' https://maps.google.com' );
67
70
await page .click (' text="Your location"' );
68
71
await page .waitForRequest (/ . * preview\/ pwa/ );
69
72
await page .screenshot ({ path: ' colosseum-iphone.png' });
@@ -79,12 +82,14 @@ const pixel2 = devices['Pixel 2'];
79
82
80
83
(async () => {
81
84
const browser = await chromium .launch ();
82
- const page = await browser .newPage ( ' https://maps.google.com ' , {
85
+ const context = await browser .newContext ( {
83
86
viewport: pixel2 .viewport ,
84
87
userAgent: pixel2 .userAgent ,
85
88
geolocation: { longitude: 12.492507 , latitude: 41.889938 },
86
89
permissions: { ' https://www.google.com' : [' geolocation' ] }
87
90
});
91
+ const page = await context .newPage ();
92
+ await page .goto (' https://maps.google.com' );
88
93
await page .click (' text="Your location"' );
89
94
await page .waitForRequest (/ . * pwa\/ net. js. * / );
90
95
await page .screenshot ({ path: ' colosseum-android.png' });
@@ -101,7 +106,9 @@ const { firefox } = require('playwright');
101
106
102
107
(async () => {
103
108
const browser = await firefox .launch ();
104
- const page = await browser .newPage (' https://www.example.com/' );
109
+ const context = await browser .newContext ();
110
+ const page = await context .newPage ();
111
+ await page .goto (' https://www.example.com/' );
105
112
const dimensions = await page .evaluate (() => {
106
113
return {
107
114
width: document .documentElement .clientWidth ,
0 commit comments