I am not able to click on the element in javascript playwright

The issue you’re encountering is due to the way JavaScript handles string concatenation and escape characters. When you concatenate strings, especially those containing special characters like /, you need to ensure that the resulting string is correctly formatted.

Here’s a more robust way to handle this using template literals, which are enclosed by backticks (`) and allow for embedded expressions:

await this.page.getByRole('tab', { name: `'${statusHolder}'` }).click();

This approach ensures that the string is correctly interpreted without the need for extra escape characters.

Here’s a complete example:

const statusHolder = 'Plan trip/buy tickets';
await this.page.getByRole('tab', { name: `'${statusHolder}'` }).click();

If statusHolder is a variable that contains the string 'Plan trip/buy tickets', this will work correctly without the extra backslashes.

Alternatively, if you prefer to stick with string concatenation, you can escape the backslashes manually:

const statusHolder = 'Plan trip/buy tickets';
await this.page.getByRole('tab', { name: "'" + statusHolder.replace(/'/g, "\'") + "'" }).click();

This ensures that any single quotes within statusHolder are properly escaped.