<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: v1.34.1, v1.34.2</li>
<li>Operating System: macOS</li>
<li>Browser: Chromium</li>
<li>Other info:</li>
</ul>
<h3 dir="auto">Repro Steps:</h3>
<ol dir="auto">
<li>Run a failed case locally with this command: <code class="notranslate">npx playwright test --workers 1 --trace on</code></li>
<li>Open the trace file with the Trace viewer;</li>
</ol>
<p dir="auto"><strong>Expected</strong></p>
<ol dir="auto">
<li>The trace viewer should be able to show detailed step and related page screenshots;</li>
</ol>
<p dir="auto"><strong>Actual</strong></p>
<ol dir="auto">
<li>Can't find any page screenshots/detailed steps in the trace view;<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/42924996/240596816-2cf4a645-b6cd-41f4-a69d-1aed9eb25877.png"><img src="https://user-images.githubusercontent.com/42924996/240596816-2cf4a645-b6cd-41f4-a69d-1aed9eb25877.png" alt="Screenshot 2023-05-24 at 09 42 44" style="max-width: 100%;"></a></li>
</ol>
<p dir="auto">This issue is reproducible reproducible since Playwright version to v1.34.1. It's not reproducible on v1.33.0. Pls check the trace files I attached in below(Same failed case on different Playwright version):</p>
<p dir="auto"><a href="https://github.com/microsoft/playwright/files/11549611/trace_v1.34.1.zip">trace_v1.34.1.zip</a><br>
<a href="https://github.com/microsoft/playwright/files/11549612/trace_v1.33.0.zip">trace_v1.33.0.zip</a></p>
<p dir="auto">All traces appear without imagery. The window just says <code class="notranslate">about:blank</code>.</p>
<p dir="auto">Example trace:</p>
<ul dir="auto">
<li><a href="https://trace.playwright.dev/?trace=https://playwright-tests.contra.dev/a2571050-e086-46ad-8ebd-2e62eb9b309a.zip" rel="nofollow">https://trace.playwright.dev/?trace=https://playwright-tests.contra.dev/a2571050-e086-46ad-8ebd-2e62eb9b309a.zip</a></li>
</ul>
<p dir="auto">Versions tried:</p>
<ul dir="auto">
<li>@playwright/test 1.34.0</li>
<li>@playwright/test 1.34.1</li>
</ul>
<p dir="auto">Our configuration:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="projects.push({
  name: 'Rate-Limited',
  testMatch: /.*rate-limited.spec.ts/,
  use: {
    baseURL,
    channel: 'chromium',
    headless: true,
    screenshot: 'on',
    trace: 'on',
    video: 'off',
    viewport: { height: 1_080, width: 1_440 },
    ...disableWebSecurity,
  },
});

projects.push({
  name: 'Not-Rate-Limited',
  testIgnore: /.*rate-limited.spec.ts/,
  use: {
    baseURL,
    channel: 'chromium',
    headless: true,
    screenshot: 'on',
    trace: 'on',
    video: 'off',
    viewport: { height: 1_080, width: 1_440 },
    ...disableWebSecurity,
  },
});

const config: PlaywrightTestConfig = {
  expect: {
    toHaveScreenshot: { maxDiffPixelRatio: 0.05 },
  },
  forbidOnly: Boolean(process.env.CI),
  fullyParallel: false,
  // This is the timeout for the entire test run, not individual tests.
  // Adding 15 minute timeout ensures that we crash playwright with useful information.
  // Test runner timeout has to be greater than this timeout.
  globalTimeout: 15 * 60 * 1_000,
  outputDir: 'tests/__generated__/playwright-artifacts',
  projects,
  reporter: [
    ['./contra-playwright-reporter.ts'],
    [
      'html',
      {
        open: process.env.CI ? 'never' : 'on-failure',
        outputFolder: 'tests/__generated__/playwright-report',
      },
    ],
    ['list'],
    [
      'junit',
      { outputFile: 'tests/__generated__/playwright-report/junit/results.xml' },
    ],
  ],
  retries: 0,
  testDir: 'tests/e2e/',
  // This is the timeout for individual tests.
  timeout: 60 * 1_000,
  use: {
    trace: 'on',
    video: 'off',
  },
};"><pre class="notranslate"><span class="pl-s1">projects</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">name</span>: <span class="pl-s">'Rate-Limited'</span><span class="pl-kos">,</span>
  <span class="pl-c1">testMatch</span>: <span class="pl-pds"><span class="pl-c1">/</span>.<span class="pl-c1">*</span>rate-limited.spec.ts<span class="pl-c1">/</span></span><span class="pl-kos">,</span>
  <span class="pl-c1">use</span>: <span class="pl-kos">{</span>
    baseURL<span class="pl-kos">,</span>
    <span class="pl-c1">channel</span>: <span class="pl-s">'chromium'</span><span class="pl-kos">,</span>
    <span class="pl-c1">headless</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
    <span class="pl-c1">screenshot</span>: <span class="pl-s">'on'</span><span class="pl-kos">,</span>
    <span class="pl-c1">trace</span>: <span class="pl-s">'on'</span><span class="pl-kos">,</span>
    <span class="pl-c1">video</span>: <span class="pl-s">'off'</span><span class="pl-kos">,</span>
    <span class="pl-c1">viewport</span>: <span class="pl-kos">{</span> <span class="pl-c1">height</span>: <span class="pl-c1">1_080</span><span class="pl-kos">,</span> <span class="pl-c1">width</span>: <span class="pl-c1">1_440</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    ...<span class="pl-s1">disableWebSecurity</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-s1">projects</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">name</span>: <span class="pl-s">'Not-Rate-Limited'</span><span class="pl-kos">,</span>
  <span class="pl-c1">testIgnore</span>: <span class="pl-pds"><span class="pl-c1">/</span>.<span class="pl-c1">*</span>rate-limited.spec.ts<span class="pl-c1">/</span></span><span class="pl-kos">,</span>
  <span class="pl-c1">use</span>: <span class="pl-kos">{</span>
    baseURL<span class="pl-kos">,</span>
    <span class="pl-c1">channel</span>: <span class="pl-s">'chromium'</span><span class="pl-kos">,</span>
    <span class="pl-c1">headless</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
    <span class="pl-c1">screenshot</span>: <span class="pl-s">'on'</span><span class="pl-kos">,</span>
    <span class="pl-c1">trace</span>: <span class="pl-s">'on'</span><span class="pl-kos">,</span>
    <span class="pl-c1">video</span>: <span class="pl-s">'off'</span><span class="pl-kos">,</span>
    <span class="pl-c1">viewport</span>: <span class="pl-kos">{</span> <span class="pl-c1">height</span>: <span class="pl-c1">1_080</span><span class="pl-kos">,</span> <span class="pl-c1">width</span>: <span class="pl-c1">1_440</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    ...<span class="pl-s1">disableWebSecurity</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-k">const</span> <span class="pl-s1">config</span>: <span class="pl-smi">PlaywrightTestConfig</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c1">expect</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">toHaveScreenshot</span>: <span class="pl-kos">{</span> <span class="pl-c1">maxDiffPixelRatio</span>: <span class="pl-c1">0.05</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-c1">forbidOnly</span>: <span class="pl-smi">Boolean</span><span class="pl-kos">(</span><span class="pl-s1">process</span><span class="pl-kos">.</span><span class="pl-c1">env</span><span class="pl-kos">.</span><span class="pl-c1">CI</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
  <span class="pl-c1">fullyParallel</span>: <span class="pl-c1">false</span><span class="pl-kos">,</span>
  <span class="pl-c">// This is the timeout for the entire test run, not individual tests.</span>
  <span class="pl-c">// Adding 15 minute timeout ensures that we crash playwright with useful information.</span>
  <span class="pl-c">// Test runner timeout has to be greater than this timeout.</span>
  <span class="pl-c1">globalTimeout</span>: <span class="pl-c1">15</span> <span class="pl-c1">*</span> <span class="pl-c1">60</span> <span class="pl-c1">*</span> <span class="pl-c1">1_000</span><span class="pl-kos">,</span>
  <span class="pl-c1">outputDir</span>: <span class="pl-s">'tests/__generated__/playwright-artifacts'</span><span class="pl-kos">,</span>
  projects<span class="pl-kos">,</span>
  <span class="pl-c1">reporter</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">[</span><span class="pl-s">'./contra-playwright-reporter.ts'</span><span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-kos">[</span>
      <span class="pl-s">'html'</span><span class="pl-kos">,</span>
      <span class="pl-kos">{</span>
        <span class="pl-c1">open</span>: <span class="pl-s1">process</span><span class="pl-kos">.</span><span class="pl-c1">env</span><span class="pl-kos">.</span><span class="pl-c1">CI</span> ? <span class="pl-s">'never'</span> : <span class="pl-s">'on-failure'</span><span class="pl-kos">,</span>
        <span class="pl-c1">outputFolder</span>: <span class="pl-s">'tests/__generated__/playwright-report'</span><span class="pl-kos">,</span>
      <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-kos">[</span><span class="pl-s">'list'</span><span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-kos">[</span>
      <span class="pl-s">'junit'</span><span class="pl-kos">,</span>
      <span class="pl-kos">{</span> <span class="pl-c1">outputFile</span>: <span class="pl-s">'tests/__generated__/playwright-report/junit/results.xml'</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-c1">retries</span>: <span class="pl-c1">0</span><span class="pl-kos">,</span>
  <span class="pl-c1">testDir</span>: <span class="pl-s">'tests/e2e/'</span><span class="pl-kos">,</span>
  <span class="pl-c">// This is the timeout for individual tests.</span>
  <span class="pl-c1">timeout</span>: <span class="pl-c1">60</span> <span class="pl-c1">*</span> <span class="pl-c1">1_000</span><span class="pl-kos">,</span>
  <span class="pl-c1">use</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">trace</span>: <span class="pl-s">'on'</span><span class="pl-kos">,</span>
    <span class="pl-c1">video</span>: <span class="pl-s">'off'</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span><span class="pl-kos">;</span></pre></div>