[Feature]: TS style test.step trace file grouping

[infinitejest69]

🚀 Feature Request

I would really like to see some way to use the grouping of steps in trace files the node test runner has into c#

so in TS you can specify

  await test.step('Add Folder Model', async () => {
   //Some Actions like clicking and filling
  });

These appear nicely in a trace and improve it readability massively

in c# we already have tools like specflow or Reqnroll to make these nice English readable test steps. i would like to add to a before step hook the name of the step and after step hook to close the group

Example

At a guess something that you can access from the browser context tracing ?

        [BeforeStep]
        public async Task BeforeStep(ScenarioContext scenarioContext) {
            var browserContext = scenarioContext.ScenarioContainer as IBrowserContext;
            browserContext.Tracing.StartGroup(scenarioContext.StepContext.StepInfo.Text);
            }

        [AfterStep]
        public async Task AfterStep(ScenarioContext scenarioContext) {
            var browserContext = scenarioContext.ScenarioContainer as IBrowserContext;
            browserContext.Tracing.EndGroup(scenarioContext.StepContext.StepInfo.Text);
            }

Motivation

Makes looking through trace files much nicer and easier and readable what the test is doing

[scott-au]

Related requests: microsoft/playwright-java#1565 microsoft/playwright-python#1949

hopefully it gets out of the p3-collecting-feeback boneyard 🙏🙏🙏