Skip to content

feat: add data-testid attributes to key UI elements for automated testing - #1741

Open
aditya226-sharma wants to merge 1 commit into
magic-peach:mainfrom
aditya226-sharma:feat/add-data-testid-attributes
Open

feat: add data-testid attributes to key UI elements for automated testing#1741
aditya226-sharma wants to merge 1 commit into
magic-peach:mainfrom
aditya226-sharma:feat/add-data-testid-attributes

Conversation

@aditya226-sharma

Copy link
Copy Markdown

Summary

Adds data-testid attributes to key UI elements across the component tree to prepare the codebase for automated testing with Playwright or React Testing Library.

Changes

Element data-testid value File
File upload zone file-upload-zone FileUpload.tsx
Export button export-button VideoEditor.tsx
Progress bar export-progress ExportOverlay.tsx
Download button download-button DownloadResult.tsx
Reset button reset-button DownloadResult.tsx
Quality slider quality-slider ExportSettings.tsx
Speed slider speed-slider AudioSpeedControl.tsx

Acceptance Criteria

  • All listed elements have data-testid attributes
  • No visual or functional changes

Closes #56


GSSoC'26 contribution

…ting

Add data-testid attributes to the following elements:
- file-upload-zone: File upload drag-drop area
- export-button: Export video button
- export-progress: Export progress bar
- download-button: Download result link
- reset-button: Reset/New video button
- quality-slider: Quality CRF range slider
- speed-slider: Speed range slider

No visual or functional changes. Prepares codebase for Playwright/RTL tests.

Closes magic-peach#56
@vercel

vercel Bot commented Aug 16, 2026

Copy link
Copy Markdown

@aditya226-sharma is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

Copy link
Copy Markdown
Contributor

✅ PR Format Check Passed — @aditya226-sharma

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions

Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @aditya226-sharma!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions github-actions Bot added level:beginner Beginner level - 20 pts type:design UI/UX design type:performance Performance type:testing Testing gssoc'26 GirlScript Summer of Code 2026 labels Aug 16, 2026
@aditya226-sharma

Copy link
Copy Markdown
Author

@magic-peach Gentle ping — adds data-testid attributes for testing. Ready for review!

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

Labels

gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts type:design UI/UX design type:performance Performance type:testing Testing

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Good First Issue] Add data-testid attributes to key UI elements

1 participant