How to apply Playwright test steps with TypeScript decorators

When writing Playwright end-to-end testing code, developers can choose between JavaScript or TypeScript as their preferred language. While JavaScript was initially chosen for its simplicity, TypeScript is now recommended due to its benefits in maintaining test suites over time, such as auto-completion and warnings that help discover problems early. To make test steps more readable, especially when using Page Object Models (POMs), decorators can be used with TypeScript to automatically wrap POM methods in a nice Playwright test step showing the POM class and method. The decorator code is complex but rarely touched once set up, making it a worthwhile trade-off for the ability to set custom step names.