Setup Cypress for Frontend E2E

[meshackyaro]

Description

This issue aims to address the implementation of Setup Cypress for Frontend E2E.

The core objective is to: Add initial tests verifying a user can land on the page and click 'Connect Wallet'.

By completing this feature, we will ensure that the TrustFlow protocol maintains its high standards for security, usability, and decentralized logic. This issue requires careful attention to the Frontend architecture and adherence to the existing project conventions.

When picking up this issue, please ensure you document any new dependencies or architectural decisions made during development.

Component

Frontend

Difficulty

🟡 Medium

Tasks

• Review Next.js App Router structure
• Implement the UI components for: Setup Cypress for Frontend E2E
• Ensure responsive design using Tailwind CSS or standard modules
• Add caching for npm dependencies in CI
• Run npm run lint and npm run typecheck
• Run npm run build to verify production bundling

Acceptance Criteria

• Feature accurately implements the objective: Add initial tests verifying a user can land on the page and click 'Connect Wallet'.
• Any PR that introduces TypeScript/Rust errors is automatically blocked
• CI pipeline runs in under 3 minutes per PR
• Code is properly reviewed and approved by codeowners

Estimated Time

4-8 hours

[xx7412421-cloud]

Hi maintainer, I’d like to take this if it is still available.

I can set up the initial Cypress E2E coverage for the frontend with a narrow scope:

• add Cypress config and scripts following the existing Next.js structure;
• cover landing page load and the Connect Wallet interaction path;
• document any new dependency or setup note;
• run the relevant lint/typecheck/build checks before opening the PR.

I’ll wait for assignment before opening a PR.