[Feature] Add possibility of creating Locators with variables

Hi, it would be more convenient to create Locators with the possibility of specifying variable values exactly before executing some actions. For example I have two elements on the page:

await this.page.click('.header-actions [helptag="default-filters"]:not(.mat-button-disabled)');
await this.page.click('.header-actions [helptag="apply-filters"]:not(.mat-button-disabled)');

As we can see, only helptag differs. With the current implementation of Locators I need to create 2 locator elements or make my own functions to generate raw string selector and pass it to locator. I propose creating out-of-the box implementation in Locators for such functionality. Maybe something like this:

headerActionBtns = this.page.locator('.header-actions [helptag="${btnName}"]:not(.mat-button-disabled)', btnName)
headerActionBtns.click({btnName: 'default-filters'});
or
headerActionBtns.with({btnName: 'default-filters'}).click(); 

Please consider. Thank you

[DanielStoica85]

+1 for this. I ran into many situation where multiple locators are pretty much the same, except for their text. So it would be great to use the same locator for all those elements and just have a variable for the text value.

[andersoncorbellini]

+1, this feature will be awesome for the community.