<p dir="auto"><strong>Context:</strong></p>
<ul dir="auto">
<li>Playwright Version: 1.21.1</li>
<li>Operating System: Linux Pop!_OS 22.04</li>
<li>Node.js version: v14.19.0</li>
<li>Browser: WebKit</li>
</ul>
<p dir="auto">System:</p>
<ul dir="auto">
<li>OS: Linux 5.16 Pop!_OS 22.04 LTS</li>
<li>Memory: 29.55 GB / 125.80 GB</li>
<li>Container: Yes</li>
</ul>
<p dir="auto">Binaries:</p>
<ul dir="auto">
<li>Node: 14.19.0 - ~/.nvm/versions/node/v14.19.0/bin/node</li>
<li>Yarn: 1.22.17 - ~/.nvm/versions/node/v14.19.0/bin/yarn</li>
<li>npm: 8.5.4 - ~/.nvm/versions/node/v14.19.0/bin/npm</li>
</ul>
<p dir="auto">Languages:</p>
<ul dir="auto">
<li>Bash: 5.1.16 - /usr/bin/bash</li>
</ul>
<p dir="auto">npmPackages:</p>
<ul dir="auto">
<li>playwright: ^1.21.1 =&gt; 1.21.1</li>
</ul>
<p dir="auto"><strong>Code Snippet</strong></p>
<p dir="auto"><code class="notranslate">yarn playwright test path/to/some/test/with/page.screenshot.spec.ts --browser=webkit --update-snapshots</code></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import { test, expect } from '@playwright/test';

test('webkit screenshot test', async ({ page }) =&gt; {
  // login screen
  await page.goto('https://github.com/microsoft/playwright');
  expect(await page.screenshot()).toMatchSnapshot('test.png');
});"><pre class="notranslate"><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-s1">expect</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">'webkit screenshot test'</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">// login screen</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">'https://github.com/microsoft/playwright'</span><span class="pl-kos">)</span><span class="pl-kos">;</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-en">screenshot</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toMatchSnapshot</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>Describe the bug</strong><br>
Playwright fails to launch webkit browser with error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="1) [webkit] › path/to/some/test/with/page.screenshot.spec.ts:3:1 › webkit screenshot test

    browserType.launch: 
    ╔══════════════════════════════════════════════════════╗
    ║ Host system is missing dependencies to run browsers. ║
    ║ Missing libraries:                                   ║
    ║     libwebp.so.6                                     ║
    ╚══════════════════════════════════════════════════════╝"><pre class="notranslate"><code class="notranslate">1) [webkit] › path/to/some/test/with/page.screenshot.spec.ts:3:1 › webkit screenshot test

    browserType.launch: 
    ╔══════════════════════════════════════════════════════╗
    ║ Host system is missing dependencies to run browsers. ║
    ║ Missing libraries:                                   ║
    ║     libwebp.so.6                                     ║
    ╚══════════════════════════════════════════════════════╝
</code></pre></div>
<p dir="auto"><strong>Workaround</strong></p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="sudo apt install libwebp-dev
sudo ln -s /usr/lib/x86_64-linux-gnu/libwebp.so /usr/lib/libwebp.so.6"><pre class="notranslate">sudo apt install libwebp-dev
sudo ln -s /usr/lib/x86_64-linux-gnu/libwebp.so /usr/lib/libwebp.so.6</pre></div>
<p dir="auto">Blocked by:</p>
<ul dir="auto">
<li><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1211831275" data-permission-text="Title is private" data-url="https://github.com/actions/runner-images/issues/5428" data-hovercard-type="issue" data-hovercard-url="/actions/runner-images/issues/5428/hovercard" href="https://github.com/actions/runner-images/issues/5428">actions/runner-images#5428</a></li>
</ul>
<p dir="auto">Requires the following changes so far:</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Chromium</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> WebKit</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Docs changes that we support it <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1258416876" data-permission-text="Title is private" data-url="https://github.com/microsoft/playwright/issues/14588" data-hovercard-type="pull_request" data-hovercard-url="/microsoft/playwright/pull/14588/hovercard" href="https://github.com/microsoft/playwright/pull/14588">#14588</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Regenerate required dependencies <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1258416876" data-permission-text="Title is private" data-url="https://github.com/microsoft/playwright/issues/14588" data-hovercard-type="pull_request" data-hovercard-url="/microsoft/playwright/pull/14588/hovercard" href="https://github.com/microsoft/playwright/pull/14588">#14588</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Add tests on e.g. GitHub Actions <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1265959975" data-permission-text="Title is private" data-url="https://github.com/microsoft/playwright/issues/14741" data-hovercard-type="pull_request" data-hovercard-url="/microsoft/playwright/pull/14741/hovercard" href="https://github.com/microsoft/playwright/pull/14741">#14741</a></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Evaluate if we want to add Ubuntu 22 Docker images as well</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> add Docker image arm64 amd64 tests</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> <del>don't suggest focal in the docs anymore, suggest 22.</del></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Support GitHub Action on Ubuntu 22 <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1266729812" data-permission-text="Title is private" data-url="https://github.com/microsoft/playwright-github-action/issues/66" data-hovercard-type="pull_request" data-hovercard-url="/microsoft/playwright-github-action/pull/66/hovercard" href="https://github.com/microsoft/playwright-github-action/pull/66">microsoft/playwright-github-action#66</a></li>
</ul>