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.