docs: improve the emulation viewport doc (#27434)

Closes https://github.com/microsoft/playwright/issues/27428
This commit is contained in:
Pavel Feldman 2023-10-04 16:57:23 -07:00 committed by GitHub
parent 045e8aa368
commit b2a07c2675
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -101,10 +101,17 @@ The viewport is included in the device but you can override it for some tests wi
```js tab=js-test title="playwright.config.ts" ```js tab=js-test title="playwright.config.ts"
import { defineConfig } from '@playwright/test'; import { defineConfig } from '@playwright/test';
export default defineConfig({ export default defineConfig({
use: { projects: [
// Viewport used for all pages in the context. {
viewport: { width: 1280, height: 720 }, name: 'chromium',
}, use: {
...devices['Desktop Chrome'],
// It is important to define the `viewport` property after destructuring `devices`,
// since devices also define the `viewport` for that device.
viewport: { width: 1280, height: 720 },
},
},
]
}); });
``` ```
@ -239,9 +246,17 @@ Whether the meta viewport tag is taken into account and touch events are enabled
import { defineConfig } from '@playwright/test'; import { defineConfig } from '@playwright/test';
export default defineConfig({ export default defineConfig({
use: { projects: [
isMobile: false, {
}, name: 'chromium',
use: {
...devices['Desktop Chrome'],
// It is important to define the `isMobile` property after destructuring `devices`,
// since devices also define the `isMobile` for that device.
isMobile: false,
},
},
]
}); });
``` ```