I cannot add a comment to Vishal's answer, but it is a valid workaround!

I made a simple helper function:

export async function reportLog(test: any, title: string, ...args: string[]) {
    await test.step(title + ": " + args.join(", "), () => {});
}

Used like: await reportLog(test, "An arbitrary 'step' comment!", "This is a comment!");

Which outputs in the 'step' flow:

Alternative ways to add info to the report is annotations, console.log, attachments (as shown by unickq) and expect.

Annotations put the info at the report head:

test.info().annotations.push({ type: 'Info', description: 'An annotation' });

Whereas attachments and console.log() are added to the 'Attachments' box in the report foot.

Expect can be used if you want a 'failure' red X in the report, but the caveat is that it will also appear in your 'Errors' box.

expect.soft(true, "This is a good outcome!").toBeTruthy();
expect.soft(false, "This is a bad outcome!").toBeTruthy();

Will result as: