How to use page object model with electron application

I think what you're needing to use instead of the beforeAll is a fixture.

https://playwright.dev/docs/test-fixtures#creating-a-fixture

@komalplaywright_41381 can we see mapPage file? Need to know if you re exporting selector alone or using constructor to pass page into every selector actions

@sabu9 you can consider this file. Same i used for mapPage

const callPage = new CallPage(mapPage) await callPage.title()

Assuming CallPage has the page objects related to first script you have, I have written above. If mapPage, then alter it accordingly.

I believe you are not calling the instance of page objects and directly injecting mapPage to unknown.

@sabu9 sorry for confusion. attaching script file with error and page model screenshot. you can see with first page hovering error. it is not referring my existing page with electron application. it is going with default page. electron application as we know this is for desktop applications.

I could see you are cqpturing first window of electron app under callPage. Yet you are not calling the instance of page object you are expecting instead directly using the captured callPage which doesn’t make sense.

2 references export class CallPage f readonly page: Page; • references constructor( page: Page) i this.page = page; ｝

Hope you pass the page instance whichever you capture by calling instance as you have defined constructor in CallPage

i used like that.

However same issue.

Dont use it in beforeEach as you already have page instance. You need firstwindow instance. So

calledPage = await electronApp.firstWindow() return calledPage

test 'Create Event from Commandline @mapview', async ()-> const callPage = new CallPage(calledPage)

// use callPage below instead of mapPage - havent edited below console.log(await mapPage.title)); await mappage.fill('input [name="username"]', 'testinguser4'); await mapPage.press('input [name="username"]', 'Tab'); await mapPage.fill('input[name="password"]', 'password'); mapPage.click('text=Log In'); await mapPage.close;

// for each test say if you are going to have multiple windows in electrin app whenever you click on buttons in it, then everytime you need to make the instance like above and pass the respective page instance.

Okay Understood. Thanks @sabu9