<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: [v1.32.3]</li>
<li>Operating System: [macOS 13.2.1]</li>
<li>Browser: [Chromium]</li>
<li>Command: docker run --ipc=host --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.32.3-focal /bin/bash &amp; npx playwright test</li>
</ul>
<p dir="auto"><strong>Config file</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// playwright.config.ts
import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  projects: [
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'], },
    },
});"><pre class="notranslate"><span class="pl-c">// playwright.config.ts</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">defineConfig</span><span class="pl-kos">,</span> <span class="pl-s1">devices</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span>

<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-en">defineConfig</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">projects</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">{</span>
      <span class="pl-c1">name</span>: <span class="pl-s">'chromium'</span><span class="pl-kos">,</span>
      <span class="pl-c1">use</span>: <span class="pl-kos">{</span> ...<span class="pl-s1">devices</span><span class="pl-kos">[</span><span class="pl-s">'Desktop Chrome'</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-kos"></span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Test file (self-contained)</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="it('should have a screenshot name ending with linux when running with the docker image mcr.microsoft.com/playwright:v1.32.3-focal', async ({ page }) =&gt; {
      await expect(await page).toHaveScreenshot('test.png');
});"><pre class="notranslate"><span class="pl-en">it</span><span class="pl-kos">(</span><span class="pl-s">'should have a screenshot name ending with linux when running with the docker image mcr.microsoft.com/playwright:v1.32.3-focal'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
      <span class="pl-k">await</span> <span class="pl-en">expect</span><span class="pl-kos">(</span><span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toHaveScreenshot</span><span class="pl-kos">(</span><span class="pl-s">'test.png'</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>
<p dir="auto"><strong>Expected</strong></p>
<p dir="auto">test-chromium-linux.png</p>
<p dir="auto"><strong>Actual</strong></p>
<p dir="auto">test-chromium-darwin.png</p>
<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version:    "@playwright/test": "^1.31.2"</li>
<li>Operating System: [Windows 10.]</li>
<li>Browser: [WebKit]</li>
</ul>
<h3 dir="auto">Source code</h3>
<ul dir="auto">
<li>[X ] I provided exact source code that allows reproducing the issue locally.</li>
</ul>




<p dir="auto"><strong>Config file</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// browser.test.ts
import { test } from &quot;@playwright/test&quot;;

test(&quot;test browser&quot;, async ({ page }) =&gt; {
  // point this to wherever you want
  await page.goto(&quot;http://localhost:4200/&quot;);

  // keep browser open
  await page.pause();
});
"><pre class="notranslate"><span class="pl-c">// browser.test.ts</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">test</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">"@playwright/test"</span><span class="pl-kos">;</span>

<span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">"test browser"</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-c">// point this to wherever you want</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span><span class="pl-s">"http://localhost:4200/"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

  <span class="pl-c">// keep browser open</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">pause</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></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
**Steps**
- Run command: npx playwright test --headed --browser=webkit
- [...]

**Expected**

[Describe expected behavior]

**Actual**
![image](https://user-images.githubusercontent.com/108359768/224100947-6b557ef0-d1a1-4c20-8567-76edef5343fd.png)

[Describe actual behavior]"><pre class="notranslate"><code class="notranslate">
**Steps**
- Run command: npx playwright test --headed --browser=webkit
- [...]

**Expected**

[Describe expected behavior]

**Actual**
![image](https://user-images.githubusercontent.com/108359768/224100947-6b557ef0-d1a1-4c20-8567-76edef5343fd.png)

[Describe actual behavior]
</code></pre></div>