desktop--playwright.config.ts

import { devices, PlaywrightTestConfig } from '@playwright/test'

const config: PlaywrightTestConfig = {
  projects: [
    {
      name: 'Desktop__Chromium',
      use: { ...devices['Desktop Chromium'] }
    },
    {
      name: 'Desktop__Safari',
      use: { ...devices['Desktop Safari'] }
    }
  ],
  use: {
    viewport: { width: 1440, height: 810, },
    // ...
  },
  timeout: 5000,
  // ...
}

export default config

mobile--playwright.config.ts

import { devices, PlaywrightTestConfig } from '@playwright/test'

const config: PlaywrightTestConfig = {
  projects: [
    {
      name: 'Mobile_Landscape__Android-Pixel-5',
      use: { ...devices['Pixel 5 landscape'] }
    },
    {
      name: 'Mobile_Portrait__iOS-iPhone-13',
      use: { ...devices['iPhone 13'] }
    }
  ],
  use: {
    // ...
  },
  timeout: 5000,
  // ...
}

export default config

tablet--playwright.config.ts

import { devices, PlaywrightTestConfig } from '@playwright/test'

const config: PlaywrightTestConfig = {
  projects: [
    {
      name: 'Tablet_Portrait__Galaxy-Tab-S4',
      use: { ...devices['Galaxy Tab S4'] }
    },
    {
      name: 'Tablet_Landscape__iPad-Pro-11',
      use: { ...devices['iPad Pro 11 landscape'] }
    }
  ],
  use: {
    // ...
  },
  timeout: 5000,
  // ...
}

export default config