<p dir="auto">Hello, im trying to use the playwright test projects function, but seeing the page <a href="https://playwright.dev/docs/test-parameterize#parameterized-projects" rel="nofollow">https://playwright.dev/docs/test-parameterize#parameterized-projects</a>, the part</p>
<p dir="auto">export const test = base.test.extend({<br>
// Define an option and provide a default value.<br>
// We can later override it in the config.<br>
person: ['John', { option: true }],</p>
<p dir="auto">// Override default "page" fixture.<br>
page: async ({ page, person }, use) =&gt; {<br>
await page.goto('/chat');<br>
// We use "person" parameter as a "name" for the chat room.<br>
await page.locator('#name').fill(person);<br>
await page.click('text=Enter chat room');<br>
// Each test will get a "page" that already has the person name.<br>
await use(page);<br>
},<br>
});</p>
<p dir="auto">In this code, i cant use "base.test.extend" the .test. is shown as an error</p>
<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: [v 1.31.2]</li>
<li>Operating System: [Microsoft Windows 10 Enterprise Version	10.0.19042 Build 19042]</li>
<li>Browser: [Playwright codegen]</li>
<li>Other info:<br>
If i take a screenshot with the devtools playwright is closed after the screenshot.</li>
</ul>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>in <code class="notranslate">cmd.exe</code> enter <code class="notranslate">npx playwright codegen https://playwright.dev/docs/debug-selectors#using-devtools</code></li>
<li>on <code class="notranslate">https://playwright.dev/docs/debug-selectors</code> change the theme to dark by manually clicking one of the buttons  <code class="notranslate">document.querySelectorAll("button.toggleButton_gllP")</code></li>
<li>open the devtools of the browser</li>
<li>To run a command either press <kbd>CTRL+SHIFT+P</kbd> or click the three bullets</li>
<li>Type <code class="notranslate">screenshot</code> in the run input field and select <code class="notranslate">Capture full size screenshot</code></li>
<li>Expected Result: screenshot is taken, stored and playwright stays open</li>
<li>Actual Result: playwright is closed, possibly the screenshot is not stored</li>
</ol>
<h3 dir="auto">Screenshots of step 4 and 5</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1271555/233570752-96b44076-2e0d-45ba-9d4f-6e1ef51f4ea3.png"><img width="1280" alt="Playwright_take_screenshot_devtools_01" src="https://user-images.githubusercontent.com/1271555/233570752-96b44076-2e0d-45ba-9d4f-6e1ef51f4ea3.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1271555/233570768-ac3a2953-475e-4402-be3a-9174d49cb85e.png"><img width="1269" alt="Playwright_take_screenshot_devtools_02" src="https://user-images.githubusercontent.com/1271555/233570768-ac3a2953-475e-4402-be3a-9174d49cb85e.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Source code</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I provided exact source code that allows reproducing the issue locally.</li>
</ul>




<p dir="auto"><strong>Link to the GitHub repository with the repro</strong></p>
<p dir="auto">[https://github.com/your_profile/playwright_issue_title]</p>
<p dir="auto">or</p>
<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 check the box using setChecked', async ({ page }) =&gt; {
  await page.setContent(`&lt;input id='checkbox' type='checkbox'&gt;&lt;/input&gt;`);
  await page.getByRole('checkbox').check();
  await expect(page.getByRole('checkbox')).toBeChecked();
});"><pre class="notranslate"><span class="pl-en">it</span><span class="pl-kos">(</span><span class="pl-s">'should check the box using setChecked'</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-s1">page</span><span class="pl-kos">.</span><span class="pl-en">setContent</span><span class="pl-kos">(</span><span class="pl-s">`&lt;input id='checkbox' type='checkbox'&gt;&lt;/input&gt;`</span><span class="pl-kos">)</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-en">getByRole</span><span class="pl-kos">(</span><span class="pl-s">'checkbox'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">check</span><span class="pl-kos">(</span><span class="pl-kos">)</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-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByRole</span><span class="pl-kos">(</span><span class="pl-s">'checkbox'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toBeChecked</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>Steps</strong></p>
<ul dir="auto">
<li>[Run the test]</li>
<li>[...]</li>
</ul>
<p dir="auto"><strong>Expected</strong></p>
<p dir="auto">[Describe expected behavior]</p>
<p dir="auto"><strong>Actual</strong></p>
<p dir="auto">[Describe actual behavior]</p>