Next.js Authentication with Playwright in webkit doesn't work

lasseklovstad commented 1 week ago

Preliminary Checks

[X] I have reviewed the documentation: https://clerk.com/docs
[X] I have searched for existing issues: https://github.com/clerk/javascript/issues
[X] I have not already reached out to Clerk support via email or Discord (if you have, no need to open an issue here)
[X] This issue is not a question, general help request, or anything other than a bug report directly related to Clerk. Please ask questions in our Discord community: https://clerk.com/discord.

Reproduction

https://github.com/lasseklovstad/clerk-playwright-webkit-bug

Publishable key

pk_test_bG9naWNhbC1nYXRvci0xMi5jbGVyay5hY2NvdW50cy5kZXYk

Description

When trying to authenticate in playwright with the webkit browser Clerk never seems to be able to authenticate. In the reporducation i am using the signIn util provided, but I have tried doing the flow manually by entering email password manually.

I think it has something to do with cookies in webkit.

Steps to reproduce:

Here is a github action testing the login and verfying the user button is visible. Logs: https://github.com/lasseklovstad/clerk-playwright-webkit-bug/actions/runs/11704126518/job/32595904683

Expected behavior:

Sign in button is visible after sign up in webkit browser.

Actual behavior:

The user button is never visible after signUp is called.

Environment

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz
    Memory: 9.31 GB / 31.78 GB
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (128.0.2739.113)
    Internet Explorer: 11.0.19041.4355

anagstef commented 3 days ago

Hello! We need a little bit more information to be able to debug this. Does it run on your machine on Webkit and only fails on CI?

lasseklovstad commented 3 days ago

Hi :) No, it doesn't work on my machine.

anagstef commented 33 minutes ago

Can you try using a mac-os runner on your workflow? (ref) For example, macos-latest. (ref)

clerk / javascript