How to maximize the browser?

Question

I am trying to maximize the browser window using Playwright. I tried below code but the browser is not maximized to full mode.

hooks.cjs class:

const playwright = require('playwright');
const { BeforeAll, Before, After, AfterAll , Status } = require('@cucumber/cucumber');

// Launch options.
const options = {
    slowMo: 100,
    ignoreHTTPSErrors: true,
};

// Create a global browser for the test session.
BeforeAll(async () => {
    console.log('Launch Browser');
    global.browser = await playwright['chromium'].launch({ headless: false,
        args:['--window-size=1920,1040']}); // --start-maximized //defaultViewport: null
    //global.context = await playwright['chromium'].launch({ args: ['--start-maximized'] });
})

// Create a new browser context for each test.
Before(async () => {
    console.log('Create a new Context and Page')
    global.context = await global.browser.newContext()
    global.page = await global.context.newPage()
})

// Close the page and context after each test.
After(async () => {
    console.log('Close Context and Page');
    await global.page.close();
    await global.context.close();
})

// Take Screenshot if Scenario Fails
After(async function (scenario) {
    if (scenario.result.status === Status.FAILED) {
        const buffer = await global.page.screenshot({ path: `reports/${scenario.pickle.name}.png`, fullPage: true })
        this.attach(buffer, 'image/png');
    }
})

// Close Browser
AfterAll(async () => {
    console.log('close Browser')
    await global.browser.close()
});

I'm running with npm: npm run test -- --tags "@Begin"

I have tried in many ways, but I cannot launch browser maximized. How can I do this?

have you tried viewport: { width: 1920, height: 1040 } instead of args in the launch options. — Mohit Kushwaha
– Mohit Kushwaha, Commented Nov 7, 2022 at 6:31
See this - tried and tested solution - stackoverflow.com/a/77281854 — Vishal Aggarwal
– Vishal Aggarwal, Commented Oct 13, 2023 at 8:19

Charchit Agarwal · Accepted Answer · 2022-11-07 06:49:16Z

7

If you want to start your browser maximized, then use the --start-maximized flag when starting the browser, and disable fixed viewport when launching a context or page. Example

global.browser = await playwright['chromium'].launch({ headless: false,
                 args:['--start-maximized']});
global.context = await global.browser.newContext({ viewport: null})

In python, use the equivalent no_viewport arg and pass it as True when starting a context

answered Nov 7, 2022 at 6:49

Charchit Agarwal

3,9062 gold badges12 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nosequeweaponer Over a year ago

It works: The only thing that --start-maximized didn't worked, so I changed by --window-size=1920,1040 and works

nosequeweaponer Over a year ago

Only works for Chromium

I.sh. · Accepted Answer · 2023-11-26 15:50:31Z

You need 3 things:

Add args: ["--start-maximized"] to the launchOptions
Remove the DeviceDescriptor from your project
Set viewport: null in your project

Example playwright.config.ts file:

import { defineConfig, devices } from "@playwright/test";

export default defineConfig({
  use: {
    launchOptions: {
      // 1
      args: ["--start-maximized"],
    },
  },

  projects: [
    {
      name: "chromium",
      use: {
        // 2 (Make sure device is not set)
        // ...devices["Desktop Chrome"],

        // 3
        viewport: null,
      },
    },
  ],
});

In my example I'm using Playwright's config file - best practice in most cases,
but this can be done in the test itself - as long as you follow the three key-things list.

agilgur5 · Accepted Answer · 2025-07-08 05:33:53Z

0

projects: [
  {
    name: 'chromium',
    use: { 
      ...devices['Desktop Chrome'],
      deviceScaleFactor: undefined,
      viewport: null,
      launchOptions: {
        args: ["--start-maximized"],
      }
    }, 
  }
]

Please find the projects configuration in your playwright.config.ts file and this should work.

edited Jul 8 at 5:33

agilgur5

2,0925 gold badges51 silver badges71 bronze badges

answered Jul 7, 2024 at 18:26

Vivek Nair

112 bronze badges

Collectives™ on Stack Overflow

How to maximize the browser?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related