<p dir="auto"><strong>Context:</strong></p>
<ul dir="auto">
<li>Playwright Version: 1.19.2</li>
<li>Operating System: Mac</li>
<li>Node.js version: 12.22</li>
<li>Browser: All</li>
<li>Extra: Docker Focal Image 1.19.2</li>
</ul>


<p dir="auto"><strong>Code Snippet</strong></p>
<p dir="auto">Help us help you! Put down a short code snippet that illustrates your bug and<br>
that we can run and debug locally. For example:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="//config.js

outputDir: 'src/tests/e2e/test-results',
use: {
 screenshot: 'on',
},

reporter: [
  ['html', { open: 'never', outputFolder: 'src/tests/e2e/test-results' }],
],"><pre class="notranslate"><span class="pl-c">//config.js</span>

<span class="pl-s1">outputDir</span>: <span class="pl-s">'src/tests/e2e/test-results'</span><span class="pl-kos">,</span>
<span class="pl-s1">use</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-kos">}</span><span class="pl-kos">,</span>

<span class="pl-s1">reporter</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-s">'never'</span><span class="pl-kos">,</span> <span class="pl-c1">outputFolder</span>: <span class="pl-s">'src/tests/e2e/test-results'</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>Describe the bug</strong><br>
As noticed in the above config, I want test artifacts and html report to be in the same directory.</p>
<p dir="auto">When I run the tests locally, it generates the <code class="notranslate">index.html</code> only and screenshot isn't saved.<br>
When I run the tests on Docker (using volume mount), it generates the <code class="notranslate">index.html</code> as well as screenshots are saved.</p>
<p dir="auto">Wondering why this is the case?</p>
<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: [1.34.3]</li>
<li>Operating System: [MacOS Ventura - Version 13.4]</li>
<li>Browser: [All, Chromium, Firefox, WebKit]</li>
<li>Other info:</li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$ node -v
v19.4.0

$ yarn -v
1.22.19

$ yarn list --pattern @playwright/test
yarn list v1.22.19
└─ @playwright/test@1.34.3"><pre class="notranslate"><code class="notranslate">$ node -v
v19.4.0

$ yarn -v
1.22.19

$ yarn list --pattern @playwright/test
yarn list v1.22.19
└─ @playwright/test@1.34.3
</code></pre></div>
<h3 dir="auto">Additional notes:</h3>
<p dir="auto">I get this problem when I created a new playwright project with <code class="notranslate">yarn create playwright</code></p>