ElementFinder and ElementArrayFinder

[divyagupta31]

how are we supposed to import elementfinder and elementArrayFinder here, like we used to do in protractor?

[christian-bromann]

Why do you need to import them?

[christian-bromann]

If you want to type WebdriverIO elements you can either use WebdriverIO.Element, WebdriverIO.ElementArray or WebdriverIO.ChainablePromiseElement, WebdriverIO.ChainablePromiseElement. The WebdriverIO namespace is available for you if you set webdriverio/async in your types and documented in the TypeScript docs.

[divyagupta31]

i am facing this issue?

[christian-bromann]

not sure how your function looks like but imagine this:

public async clickOnElement (uiElement: WebdriverIO.Element | WebdriverIO.ChainablePromiseElement) {
    await uiElement.click()
    // ...
}

[divyagupta31]

. We wanna check if passed argument is single element or list of element, for which we used instanceof
this is how our function look like. not sure what we are missing here, as we are still seeing issues.
1.Cannot used namespace'webdriverIO' as a value
2. Property click does not exist on type(Element|ElementArray)

[christian-bromann]

1.Cannot used namespace'webdriverIO' as a value

Well this is a type not a value, if you want to check the instance of get the prototype name

2. Property click does not exist on type(Element|ElementArray)

not sure why you do await(uiElement).click() when await uiElement.click() is sufficient.

I recommend to run npm create wdio and select a TypeScript setup or check out some of the boilerplate projects that have TypeScript in it to see how to set this up.