Skip to content

GSOC-E2E-1 (remake): Init Playwright, Sketch execution test, and new E2e Test workflow#4199

Open
clairep94 wants to merge 7 commits into
processing:developfrom
clairep94:clairep-gsoc_e2e_testing_setup
Open

GSOC-E2E-1 (remake): Init Playwright, Sketch execution test, and new E2e Test workflow#4199
clairep94 wants to merge 7 commits into
processing:developfrom
clairep94:clairep-gsoc_e2e_testing_setup

Conversation

@clairep94

@clairep94 clairep94 commented Jul 2, 2026

Copy link
Copy Markdown
Collaborator

Issue:

GSOC E2e Testing PR 1

Demo:

Screen.Recording.2026-07-04.at.17.07.29.mov

Changes:

  • Init playwright
  • Add editor.spec.ts with first test: "user can write to the editor and play their sketch code"
  • Add e2e.yml for testing on CI, which runs on:
    • PR to develop, if author is @clairep94 or @Geethegreat -- temporary to enable faster development for GSOC
    • Comment '/e2e', if comment author is a collaborator, maintainer, or member for the repo
    • Workflow dispatch

NOTE:
@raclim @khanniie

  • we originally wanted to add environment: e2e for the E2e test workflow, so that the workflow run would be gated on maintainer approval, like deploy-to-staging.
  • Would it be possible to add this new environment?
  • Can I be upgraded in role to view environments for this repo (currently I cannot see them)?

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • has no typecheck errors (npm run typecheck)
  • is from a uniquely-named feature branch and is up to date with the develop branch.
  • is descriptively named and links to an issue number, i.e. Fixes #123
  • meets the standards outlined in the accessibility guidelines

@clairep94

Copy link
Copy Markdown
Collaborator Author

/e2e

@clairep94 clairep94 force-pushed the clairep-gsoc_e2e_testing_setup branch 8 times, most recently from d75dccf to 60d6ad2 Compare July 3, 2026 00:07
Geethegreat added a commit to Geethegreat/p5.js-web-editor that referenced this pull request Jul 3, 2026
…or checkpoint

Mentor's passing PR (processing#4199) confirms the outer app shell renders fast and
reliably (skip link, header, editor-holder container) — the slow/flaky
part is specifically CodeMirror becoming interactive inside that shell.
Adopts the faster skip-link wait for the mundane readiness check, and
adds a performance.getEntriesByType('resource') dump sorted by duration
right at the CodeMirror checkpoint so we can see which specific
request/asset is the bottleneck instead of guessing. Also uploads the
server's app.log unconditionally to see backend-side behavior during
that window.
@clairep94 clairep94 force-pushed the clairep-gsoc_e2e_testing_setup branch 2 times, most recently from f84fde7 to c18ec6b Compare July 4, 2026 12:03
Claire Peng added 5 commits July 4, 2026 22:00
@clairep94 clairep94 force-pushed the clairep-gsoc_e2e_testing_setup branch from 47e29e8 to 9913751 Compare July 4, 2026 21:06
@clairep94 clairep94 marked this pull request as ready for review July 4, 2026 21:25
@clairep94 clairep94 changed the title Clairep gsoc e2e testing setup GSOC-E2E-1 (remake): Init Playwright, Sketch execution test, and new E2e Test workflow Jul 4, 2026
Comment thread .github/workflows/e2e.yml
contains(fromJSON('["OWNER", "MEMBER", "COLLABORATOR"]'), github.event.comment.author_association)
)
timeout-minutes: 60
runs-on: ubuntu-latest

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we add a new e2e environment to the github repo?

So that we can add environment: 'e2e' here --> would gate workflow runs on maintainer approval

@khanniie

khanniie commented Jul 5, 2026

Copy link
Copy Markdown
Member

Hi Claire! I'm looking at the code rn but to answer one of your questions, I also cannot see environments or change organization roles. I think you'll need Rachel or maybe Kit to do that part!

@khanniie khanniie left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

overall lgtm!

Comment thread playwright.config.ts
use: { ...devices['Desktop Chrome'] }
}

// {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

were these meant to be removed? why are they commented out?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants