reflex-app / reflex-app/reflex

Create automated GIF of Reflex (Playwright script)

Open
#219 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Type: Tooling
Dominant language
Vue
Stars
34
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Idea: Create a GIF of the main parts of Reflex using a test automation script (e.g. Playwright)

  1. Open the app
  2. Create screens from a common template
  3. Go to a specific website
  4. Show how the screens are synchronized
  5. Interact with the site
  6. ... etc.

There was a previous PR of some ideas for steps here:
https://github.com/reflex-app/reflex/commit/8dad5c2b7f61bc3bad85be59bb9933348f128b79#diff-21d5d7707d7bd3c940c02a0b8575826b998745a43b63b0a4e7266ea6847bbed6

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the linked commit for the earlier proposed steps and identify the app entry point used for the demonstration. Define the final flow around opening the app, creating screens, visiting a site, showing synchronization, and interacting with it. Done means an automated Playwright run produces the requested GIF.

Written by the indexing model from the issue text.

Assessment

Tech stack
playwright
Domain
documentation, testing-qa
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.