Protractor Inheritance from ElementFinder class

[NavyMint]

Hello guys. We are in a process of migration to Wdio. And stuck on a wrappers classes inherited from protractor ElementFinder. Is there a way to implement same way wrappers in wdio?
For exmpl
class BaseElementWrapper extends Webdriver.Element

P.S: I've tried to inherit from Webdriver.Element but no luck, what is the best way to do this?

[christian-bromann]

You can use addCommand to add custom commands to the WebdriverIO element object. See more details on that in the docs. Then you can extend the TypeScript definition by doing:

declare global {
    namespace WebdriverIO {
        interface Element {
            elementCustomCommand: (arg: unknown) => number
        }
    }
}

[NavyMint]

thanks, Christian

[hoancmg]

@NavyMint Could you please show the wrapper class? I'm doing this to. Thanks in advance!

[NavyMint]

@hoancmg hey, sorry I can't share real class due to project policy, but if you have questions I can try to answer.
Overall we are using general approach simmilar to this one https://github.com/Xotabu4/protractor-element-extend#creating-own-single-fragment
But moving all this from protractor to wdio. In wdio class looks like here simple exmpl at the top
https://github.com/erwinheitzman/wdio-typings/blob/master/test/specs/example.e2e.ts