<p dir="auto">Hi, below is the code I am using, POM along with fixtures. Please suggest the best way that I can change the viewport to fullscreen</p>
<p dir="auto">//basepage.fixtures.ts<br>
import MicrosoftLoginPage from '../pages/microsoftlogin.page'<br>
import {test as basetest} from '@playwright/test'<br>
import SBReactAppLoginPage from '../pages/SBReactApp/login.page';<br>
import SBReactAppHomePage from '../pages/SBReactApp/Home.page';</p>
<p dir="auto">const test = basetest.extend&lt;{<br>
microsoftLoginPage : MicrosoftLoginPage;<br>
sbReactAppLoginPage : SBReactAppLoginPage;<br>
sbReactAppHomePage :SBReactAppHomePage;<br>
}&gt;({</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="microsoftLoginPage:async ({page},use) =&gt; {
    
    await use(new MicrosoftLoginPage(page));
},
sbReactAppLoginPage:async ({page},use) =&gt; {
    await use(new SBReactAppLoginPage(page));
},
sbReactAppHomePage:async ({page},use) =&gt; {
    await use(new SBReactAppHomePage(page));
}"><pre class="notranslate"><code class="notranslate">microsoftLoginPage:async ({page},use) =&gt; {
    
    await use(new MicrosoftLoginPage(page));
},
sbReactAppLoginPage:async ({page},use) =&gt; {
    await use(new SBReactAppLoginPage(page));
},
sbReactAppHomePage:async ({page},use) =&gt; {
    await use(new SBReactAppHomePage(page));
}
</code></pre></div>
<p dir="auto">})</p>
<p dir="auto">export default test;<br>
export const expect = test</p>
<p dir="auto">//microsoftlogin.page.ts<br>
import {expect, Locator, Page} from '@playwright/test'</p>
<p dir="auto">export default class MicrosoftLoginPage{<br>
private page: Page;<br>
btnSBlogin: Locator ;<br>
txtusername: Locator;<br>
txtpassword: Locator;<br>
btnnext: Locator;<br>
btnsignin: Locator;<br>
btnNo: Locator;<br>
constructor(page: Page) {<br>
this.page=page;<br>
this.btnSBlogin= this.page.locator('[data-testid="loginbtn"]')<br>
this.txtusername =this.page.locator('[aria-label="someone\<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/example/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/example">@example</a>\.com"]')<br>
this.txtpassword = this.page.locator('[placeholder="Password"]')<br>
this.btnnext = this.page.locator('text=Next')<br>
this.btnsignin =this.page.locator('text=Sign in')<br>
this.btnNo = this.page.locator('text=No')<br>
}</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="public async PerformLogin(username: string, password: string){     
    //await this.btnSBlogin.click();    
    await this.txtusername.fill(username);  
    expect.soft(this.txtusername).toBeVisible();
    await this.btnnext.click();
    await this.txtpassword.click();
    await this.txtpassword.fill(await password);
    await this.btnsignin.click();
    await this.btnNo.click()
}"><pre class="notranslate"><code class="notranslate">public async PerformLogin(username: string, password: string){     
    //await this.btnSBlogin.click();    
    await this.txtusername.fill(username);  
    expect.soft(this.txtusername).toBeVisible();
    await this.btnnext.click();
    await this.txtpassword.click();
    await this.txtpassword.fill(await password);
    await this.btnsignin.click();
    await this.btnNo.click()
}
</code></pre></div>
<p dir="auto">}</p>
<p dir="auto">//uivalidations.cons.spec.ts<br>
import test, { expect } from "../../../fixtures/basepage.fixtures"<br>
test.describe('Salesbeacon app UI validation2 with consolidated user',()=&gt;{<br>
test.beforeEach(async({microsoftLoginPage,page,sbReactAppLoginPage,sbReactAppHomePage})=&gt;{<br>
await sbReactAppLoginPage.login(microsoftLoginPage,page,sbReactAppLoginPage,sbReactAppHomePage);<br>
})<br>
test.only('Dashboard Validation <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/smoke/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/smoke">@smoke</a>',async ({page,sbReactAppHomePage})=&gt;{<br>
await test.step('Validation of landing page',async()=&gt;{<br>
expect.soft(page.url(),'Landing Page URL validation').toEqual('<a href="https://www.xyz.com/" rel="nofollow">https://www.xyz.com/</a>');<br>
await sbReactAppHomePage.selectRollcall('Aug-FY21');<br>
});<br>
await test.step('validation of visual page',async ()=&gt;{<br>
expect.soft( await page.screenshot({fullPage:true}),'Visual comparision of Dashboard with full page').toMatchSnapshot('landingpage.png',{threshold:0.3});<br>
});<br>
})<br>
});</p>
<p dir="auto">Thanks in advance.</p>
<p dir="auto">How to launch browser.newContext() or browser.newPage() in fullscreen ? There is no way to pass full-screen via options while calling browser.newContext(options).</p>