-
Notifications
You must be signed in to change notification settings - Fork 276
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Development
: Fix client layout for e2e tests
#8245
Conversation
WalkthroughThe changes aim to enhance user experience by improving visibility and adaptability across various components. Updates include dynamic adjustments to footer height using CSS variables, ensuring elements are scrolled into view for better visibility during tests, and maintaining layout consistency. The goal is to make the application more user-friendly and adaptable, with a focus on layout adjustments and test interaction enhancements. Changes
Related issues
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tested on ts2, layout looks good, code also lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested on TS2. LGTM
Development
: Fix client layout for E2E testsDevelopment
: Fix client layout for e2e tests
Checklist
General
Client
Motivation and Context
#8083 introduced changes to the layout that made inner divs scrollable instead of the main elements. Additionally, the footer was changed resulting in multiple E2E tests failing.
Description
I fixed the footer height and reused it several times to prevent overlapping. Additionally, I used a manual scrolling command to make sure Cypress finds the elements tested. Finally, I fixed the calling order of the course creation as the elements would otherwise be covered.
Keep in mind that cypress will probably be soon get deprecated/removed and it works well with playwright so
Steps for Testing
Just make sure the layout with the footer doesn't look odd.
Testserver States
Note
These badges show the state of the test servers.
Green = Currently available, Red = Currently locked
Review Progress
Code Review
Manual Tests
Summary by CodeRabbit