Playwright typescript @step decorator

playwright_step.ts

import { test } from "@playwright/test";

export function step(title?: string) {
  return function actualDecorator(
    target: (this: any, ...args: any[]) => Promise<any>,
    context: ClassMethodDecoratorContext,
  ) {
    async function replacementMethod(this: any, ...args: any): Promise<any> {
      const name =
        title ||
        `${this.constructor.name}.${context.name as string}(${args.map((a: any) => JSON.stringify(a)).join(",")})`;
      return test.step(name, async () => target.call(this, ...args), { box: true });
    }
    return replacementMethod;
  };
}