From 7bb38d2ac8118b6149a613daf6aa24e74321177d Mon Sep 17 00:00:00 2001
From: Dmitry Gozman <dgozman@gmail.com>
Date: Tue, 9 Nov 2021 13:19:21 -0800
Subject: [PATCH] docs: use desktop devices in sample configs (#10197)

---
 docs/src/intro-js.md              | 15 ++++++++-------
 docs/src/test-configuration-js.md | 15 ++++++++-------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/docs/src/intro-js.md b/docs/src/intro-js.md
index 5e40435037..d819210978 100644
--- a/docs/src/intro-js.md
+++ b/docs/src/intro-js.md
@@ -77,6 +77,7 @@ Here is an example configuration that runs every test in Chromium, Firefox and W
 ```js js-flavor=js
 // playwright.config.js
 // @ts-check
+const { devices } = require('@playwright/test');
 
 /** @type {import('@playwright/test').PlaywrightTestConfig} */
 const config = {
@@ -87,15 +88,15 @@ const config = {
   projects: [
     {
       name: 'chromium',
-      use: { browserName: 'chromium' },
+      use: { ...devices['Desktop Chrome'] },
     },
     {
       name: 'firefox',
-      use: { browserName: 'firefox' },
+      use: { ...devices['Desktop Firefox'] },
     },
     {
       name: 'webkit',
-      use: { browserName: 'webkit' },
+      use: { ...devices['Desktop Safari'] },
     },
   ],
 };
@@ -105,7 +106,7 @@ module.exports = config;
 
 ```js js-flavor=ts
 // playwright.config.ts
-import { PlaywrightTestConfig } from '@playwright/test';
+import { PlaywrightTestConfig, devices } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
   retries: 2,
@@ -115,15 +116,15 @@ const config: PlaywrightTestConfig = {
   projects: [
     {
       name: 'chromium',
-      use: { browserName: 'chromium' },
+      use: { ...devices['Desktop Chrome'] },
     },
     {
       name: 'firefox',
-      use: { browserName: 'firefox' },
+      use: { ...devices['Desktop Firefox'] },
     },
     {
       name: 'webkit',
-      use: { browserName: 'webkit' },
+      use: { ...devices['Desktop Safari'] },
     },
   ],
 };
diff --git a/docs/src/test-configuration-js.md b/docs/src/test-configuration-js.md
index 9f18761378..0cace82933 100644
--- a/docs/src/test-configuration-js.md
+++ b/docs/src/test-configuration-js.md
@@ -163,21 +163,22 @@ Playwright Test supports multiple "projects" that can run your tests in multiple
 ```js js-flavor=js
 // playwright.config.js
 // @ts-check
+const { devices } = require('@playwright/test');
 
 /** @type {import('@playwright/test').PlaywrightTestConfig} */
 const config = {
   projects: [
     {
       name: 'chromium',
-      use: { browserName: 'chromium' },
+      use: { ...devices['Desktop Chrome'] },
     },
     {
       name: 'firefox',
-      use: { browserName: 'firefox' }
+      use: { ...devices['Desktop Firefox'] },
     },
     {
       name: 'webkit',
-      use: { browserName: 'webkit' }
+      use: { ...devices['Desktop Safari'] },
     },
   ],
 };
@@ -187,21 +188,21 @@ module.exports = config;
 
 ```js js-flavor=ts
 // playwright.config.ts
-import { PlaywrightTestConfig } from '@playwright/test';
+import { PlaywrightTestConfig, devices } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
   projects: [
     {
       name: 'chromium',
-      use: { browserName: 'chromium' },
+      use: { ...devices['Desktop Chrome'] },
     },
     {
       name: 'firefox',
-      use: { browserName: 'firefox' },
+      use: { ...devices['Desktop Firefox'] },
     },
     {
       name: 'webkit',
-      use: { browserName: 'webkit' },
+      use: { ...devices['Desktop Safari'] },
     },
   ],
 };