Apply end-to-end tests for interactive UI components in Project page

[yue7xu]

What happened?

We need thorough end-to-end tests for the icons and other interactive UI components on the project page. These tests should verify that each icon performs its intended function correctly, such as starting/pausing animations, adjusting layout or settings, or any other interactive features. For example, some icons do not perform the intended action. For example, clicking "start" may not initiate the animation correctly or other interactive elements like layout adjustment may not trigger as expected.

Anything else?

No response

What browsers are you seeing the problem on?

Chrome

What operating system are you using?

macOS

[yue7xu]

@amyjko Please tell me more so that I can revise this issue with more details and strategies. And can I be assigned to work on this issue?

[amyjko]

Assigned! I recommend enumerating every flow you want to test in this issue as a checklist, and then working on the tests, completing the list. Verify all of the tests pass, then submit a PR to merge them into production. I'm happy to elaborate on any of this.

[ahsoj22]

@amyjko can I be assigned to work on this issue?

[Jan-seon]

@amyjko Hi! Can I also be assigned to work on this issue?

[amyjko]

@ahsoj22 declined to work on this verbally at the meetup.

@Jan-seon, are you collaborating with @yue7xu on this? They are already assigned.

[Jan-seon]

@amyjko Yes! We are working together

[amyjko]

Okay, added @Jan-seon.

[ahsoj22]

I'd like to be added to this issue @amyjko

[amyjko]

Great, added @ahsoj22. Be sure to coordinate with the others assigned.

[yue7xu]

sorry, I was curious to click around and accidentally click on unassign me. Can you add me back @amyjko?

[amyjko]

Added you back. Remember, since there are multiple assignees on this issue, all of you need to be coordinating on the work you're doing. I didn't see any comments here or a Discord channel for this issue. Are you talking to each other in some other channel? (We try to keep all communication here and in Discord). If you're not talking to each other, you're likely to create overlapping and conflicting work, which is definitely something to avoid.

[yue7xu]

@amyjko Thank you for the reminder! We usually track our progress during the weekly meetings on Wednesdays, which I’ve consistently attended throughout the quarter. For challenges or blockers encountered while working individually, we discuss them through direct messages on Discord. Additionally, I’ve shared a summary of our discussions in the verify group to ensure everyone stays updated and can collaboratively track our progress. Let me know if there’s anything I may not have emphasized clearly so we can discuss it further.

[amyjko]

Once a quarter, I check each assignment to check the plans of the people that are assigned an issue. Please reply and indicate whether you intend to continue work on this issue. If you do not, please assign assign yourself, so we have an accurate account of who is working on an issue.

[yue7xu]

I intend to continue working on this issue in the Winter quarter:)

[Jan-seon]

I also intend to continue working on this issue!

[ahsoj22]

I also would like to continue working on this issue come winter quarter @amyjko