[Bug]: WebGL fails in GitHub Actions on macOS (launcher by Web Test Runner)

[trusktr]

Version

1.39.0

Steps to reproduce

This build is failed (playwright is loaded by @web/test-runner using the @web/test-runner-playwright plugin):

https://github.com/lume/lume/actions/runs/8870663403

In this next commit I removed playwright (so web test runner uses its own Chrome launcher) and the WebGL problem is gone (it fails for other reason but the test-runner step passed):

https://github.com/lume/lume/actions/runs/8870675038/job/24352740293?pr=292

Expected behavior

I expected playwright to work fine, without a WebGL error

Actual behavior

WebGL didn't work. The errors look like this:

      THREE.WebGLRenderer: A WebGL context could not be created. Reason:  Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 21.0.19, Sandboxed = no, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
      THREE.WebGLRenderer: Error creating WebGL context.

Additional context

This is playwright being loaded by Web Test Runner. I'm not sure if Web Test Runner has to do with the cause of the issue.

Environment

I ran this inside GitHub Actions:

  System:
    OS: macOS 14.4.1
    Memory: 2.69 GB / 7.00 GB
  Binaries:
    Node: 20.12.2 - ~/hostedtoolcache/node/20.12.2/arm64/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 10.5.0 - ~/hostedtoolcache/node/20.12.2/arm64/bin/npm
  Languages:
    Bash: 3.2.57 - /bin/bash

[trusktr]

More information

The project is in this branch of my project:

• https://github.com/lume/lume/tree/playwright-webgl-issue-30585

There may not be a need to run it locally (it works just fine on my MacBook Air M2).

This commit,

• https://github.com/lume/lume/tree/8d99a4d4947118b9f7fde09e6fc1c74674809ca5

has the problem.

In the next commit,

• https://github.com/lume/lume/tree/324170c20e0db138c379d0bc192d110765972287

I updated the git submodule at packages/cli so that it would avoid using playwright. That commit is in that project's following branch:

• https://github.com/lume/cli/tree/playwright-webgl-issue-30585

Specifically the last commit:

• https://github.com/lume/cli/tree/2506ddb01b0e1e0db895c3a8f51656fdbb9e5686

where the diff shows how I disabled playwright and got around the error.

This seems to indicate that WebGL works fine in GitHub Actions, because Web Test Runner is able to run it fine without the Playwright launcher, but WebGL fails when Web Test Runner uses the Playwright launcher.

If you want to run locally, the steps are basically:

git clone https://github.com/lume/lume.git
cd lume
git checkout playwright-webgl-issue-30585
npm run fresh # this installs everything, including git submodules, links all projects together with yarn, etc
npm run build:all # required before running tests
npm run test:all # it works
git checkout 8d99a4d4947118b9f7fde09e6fc1c74674809ca5 # earlier commit before the fix is applied
git submodule update packages/cli # ensure the problematic config is in place (playwright in web-test-runner)
npm run test:all # this fails in GitHub Actions (might work fine on your macbook, but hopefully not so it can be reproduced locally!)

Is there anything else I can do to help debug this?

[dgozman]

Thank you for the issue! I have filed an upstream chromium bug here: https://issues.chromium.org/issues/338414704. We'll see what can be done for the next release.