1. The following test snippet:

import { test, expect } from '@playwright/test';

test('should work', async ({ page }) => {
  await page.goto('https://playwright.dev');
  await expect(page).toHaveScreenshot();
});

2. Execute with --trace on:

npx playwright test --trace on

3. Open trace with npx playwright show-trace:

Actual / Expected

The "attach" step (focused on the screenshot) is a top-level step. I'd expect it to be hidden inside the expect.toHaveScreenshot step.